ChartJS - вывод процентов рядом со значением при наведении
Возник вопрос, порылся на форумах. Думал, что нашёл решение моего вопроса, но, при переносе кода в график, ничего не работает. В общем, нужна следующая тема: при наведении на график рядом со значением выводится в круглых скобках процент. Я так понимаю, что это делается через options-tooltip-callbacks, но ничего не получается
Версия ChartJS: 3.8.0
Код прикрепляю ниже:
let projectDowntimeCtxBar = document.getElementById('projectDowntimeChartBar').getContext('2d');
let projectDowntimeChartBar = new Chart(projectDowntimeCtxBar, {
type: 'bar',
data: {
labels: ["ГСП-2", "ГСП-4", "ГСП-5", "ГСП-6", "ГСП-7", "ГСП-АТП", "ЛГСС", "СГК-1", "СТРОЙТРАНСНЕФТЕГАЗ", "ССК ГАЗРЕГИОН", "ГСП-Механизация", "Резерв"],
datasets: [{
label: 'В перебазировке',
data: arrayInRelocation,
backgroundColor: 'rgba(255, 206, 86, 1)',
},
{
label: 'В рейсе',
data: arrayInFlight,
backgroundColor: 'rgba(75, 192, 94, 1)',
},
{
label: 'Готов к отгрузке',
data: arrayReadyForShipment,
backgroundColor: 'rgba(0,57,255,1)',
},
{
label: 'На текущем ремонте',
data: jsonArrayOngoingRenovation,
backgroundColor: 'rgba(99,172,255, 1)',
},
{
label: 'Простой без водителя',
data: arraySimpleWithoutADriver,
backgroundColor: 'rgb(255,69,69, 1)',
},
{
label: 'Простой прочее',
data: arraySimpleOther,
backgroundColor: 'rgba(255,122,99, 1)',
},
{
label: 'Простой технологический',
data: arraySimpleTechnological,
backgroundColor: 'rgba(0,255,191,1)',
},
]
},
options: {
plugins: {
title: {
display: true,
text: 'Данные по новой технике в разрезе ПК и статусов',
font: {
size: 14
}
},
},
responsive: true,
maintainAspectRatio: true,
scales: {
x: {
stacked: true,
},
y: {
stacked: true
}
}
}
});<canvas id="projectDowntimeChartBar"></canvas