Chart.js工具提示函数

yebdmbv4  于 2022-11-06  发布在  Chart.js
关注(0)|答案(1)|浏览(242)

我想我的工具提示自定义没有生效,因为整个工具提示功能没有运行。所以,我尝试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>```
gcxthw6b

gcxthw6b1#

由于它不工作,我假设您使用的是chart.js的V2,在这种情况下,您必须在options.tooltips名称空间而不是options.plugins.tooltip中配置工具提示选项

相关问题