Chart.js 在onhover弹出式图表.js中y轴数据值后显示字符

我是Chart.js新手，在自定义onHover（）弹出窗口时遇到了一些问题。我想在弹出窗口的y轴数据值后添加一个百分比符号，这样显示的内容将类似于以下内容，标签：value%。我尝试过使用scaleLabel和ticks，现在运气不错

现在情况是这样的：

这是我的代码：

let chart = new Chart(ctx, {
    type: 'line',
    data: {
      labels: dates, 
      datasets: [
        {
            label: 'Casos confirmados',
            backgroundColor: 'rgb(224, 224, 224)',
            borderColor: 'rgb(0, 0, 0)',
            data: confirmedCases
        }
      ]
    },
    options: {
        scales: {
            yAxes: [{
              gridLines: {
                drawTicks: true,
               },
                ticks: {

                  display : true,
                    // Include a percent sign in the ticks
                    callback: function(value, index, values) {
                        return value + '%';
                    }
                },
                scaleLabel: {
                    display: true,
                    labelString: '%'
                }
            }]
        }
    }
  });

如果有人能给我一些建议，我将不胜感激。

您可以在图表选项中定义函数，如下所示：

tooltips: {
  callbacks: {
    label: (tooltipItem, data) => data.datasets[tooltipItem.datasetIndex].label + ': ' + tooltipItem.yLabel + '%'
  }
},

请看一下你修改过的代码，看看它是如何工作的

let chart=新图表（'myChart'{
键入：“行”，
数据：{
标签：['A'，'B'，'C'，'D'，'E'，]，
数据集：[{
标签：“Casos confirmados”，
背景颜色：“rgb（224224224224）”，
边框颜色：“rgb（0,0,0）”，
数据：[5,6,4,3,6]
}]
},
选项：{
工具提示：{
回调：{
label：（tooltipItem，data）=>data.datasets[tooltipItem.datasetIndex].label+'：'+tooltipItem.yLabel+'%
}
},
比例：{
雅克斯：[{
滴答声：{
贝吉纳泽罗：是的，
回调：value=>value+'%'
},
scaleLabel：{
显示：对，
标签字符串：''
}
}]
}
}
});