簡體   English   中英

Chart.js 工具提示 function

[英]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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM