Chart.js 2.7.3 固定展示 Tooltip 内容
使用 Chart.js 2.7.3 版本固定展示 Tooltip 内容需要使用回调函数。具体来说,您可以使用 Tooltip 的回调函数 'callbacks: {}' 来设置要显示的标签。以下是一个示例代码:
options: {
tooltips: {
callbacks: {
label: function(tooltipItem, data) {
return data.datasets[tooltipItem.datasetIndex].label + ': ' + tooltipItem.yLabel;
}
}
}
}
在这个回调函数中,我们获取数据集中与鼠标悬停的数据点对应的标签和值,并将它们组合成一个字符串返回。这样就可以在 Tooltip 中显示固定的标签和值。
要将 Tooltip 保持固定,您可以在回调函数中使用 'return' 语句返回要显示的标签。这将导致 Tooltip 保持打开状态,直到用户单击另一个数据点或单击图表之外的区域。
希望这可以帮助您实现固定展示 Tooltip 的功能。
原文地址: https://www.cveoy.top/t/topic/l4Sx 著作权归作者所有。请勿转载和采集!