[英]Chart.js tooltip function
我認為我的工具提示自定義沒有生效,因為整個工具提示 function 沒有運行。 所以,我試圖 console.log 一個數字,如果我 hover 在圖表上,應該不會記錄一個數字?
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>```
由於它不起作用,我假設您使用的是 chart.js 的 V2,在這種情況下,您必須在options.tooltips
命名空間中配置工具提示選項,而不是options.plugins.tooltip
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.