Javascript 自定义图表工具提示以仅显示Y值

发布于02月16日

有没有办法定制chartjs工具提示，只显示Y值，而不覆盖所有回调？

通过阅读the documentation，似乎所有的回调都必须被重写以返回空字符串，除了其中一个回调只返回值.

例如，在this demo中，2010年的条形值工具提示应该只显示10.

推荐答案

只有两个选项可以替代默认工具提示:external和callbacks.对于简单地删除工具提示中的某些组件，使用external选项本身就过于复杂.更简单的方法仍然是覆盖回调.

但是，您不需要覆盖所有回调，因为大多数回调都是defaults to do nothing个.如果不希望显示 colored颜色框，则只需覆盖title和label，并将displayColors设置为false:

options: {
    plugins: {
        tooltip:{
            enabled: true,
            displayColors: false,
            callbacks: {
                title: function(tooltipItem){
                    return '';
                },
                label: function(tooltipItem){
                    return tooltipItem.formattedValue;
                }
            }
        }
    }
}