自定义 Chartjs 工具提示以仅显示 Y 值

Question

有没有办法自定义 Chartjs 工具提示以仅显示 Y 值而不覆盖所有回调？

通读文档，似乎所有回调都必须被重写才能返回空字符串，除了其中一个仅返回值的回调。

因此，例如在此演示中，2010 年显示的条形值工具提示应该仅

10

。

Answer 1

只有两种方法可以覆盖默认的工具提示。与使用

external

选项实现自己的工具提示相比，更简单的方法仍然是覆盖回调。

但是，您不需要覆盖所有回调，因为它们中的大多数默认不执行任何操作。如果您不想显示颜色框，您只需覆盖

title

和

label

并将

displayColors

设置为 false：

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