Блог

У меня есть столбчатая диаграмма с charts.js и я хотел бы показать относительный процент категории во всплывающей подсказке при наведении курсора мыши на категорию.

Поэтому, даже если значение панели не равно максимальному значению, я хочу, чтобы категории панели добавляли до 100%

Вы можете использовать плагин dataLabels. Я привел для вас пример по этой ссылке.

     plugins: {
        datalabels: {
            formatter: function(value, context) {
            if(context.chart.data.datasets[context.datasetIndex] != null){
                    var barTotal = context.chart.data.datasets.map(function(x){return x.data[context.dataIndex]}).reduce((a, b) => a   b, 0);
                    return (value * 100 /  barTotal).toFixed(2);
                }
            }
        }
    }
 

Если вы хотите увидеть процент при наведении курсора мыши, вы можете проверить функции всплывающих подсказок и применить для этого ту же функцию.