我想我的工具提示自定义没有生效,因为整个工具提示功能没有运行。所以,我尝试console.log一个数字,如果我将鼠标悬停在图表上,数字是否不会被记录?
let myChart= document.getElementById('myChart').getContext('2d');
let theChart= new Chart(myChart, {
type: 'doughnut',
data: {
labels: ['January', 'February', 'March'],
datasets: [{
label: 'Temperature',
data: [12, 19, 3],
backgroundColor: ['rgba(255, 99, 132, 0.2)', "rgba(132, 99, 255, 0.2)", "rgba(255, 132, 99, 0.2)"],
borderColor: 'rgba(255, 99, 132, 1)',
borderWidth: 1
}]
},
options: {
plugins: {
tooltip: {
callbacks: {
label: function (tooltipItem, data) {
var label = myChart.data.labels[1.0];
console.log("2");
return 0;
}
}
}
}
}
});
</script>```
1条答案
按热度按时间gcxthw6b1#
由于它不工作,我假设您使用的是chart.js的V2,在这种情况下,您必须在
options.tooltips
名称空间而不是options.plugins.tooltip
中配置工具提示选项