Chart.js 3.8.0配置tooltips的label回调未触发问题咨询

你的配置项键名写错了。Chart.js 3.x 版本中，提示框插件的配置键为单数tooltip，你代码中写的复数tooltips是 2.x 版本的旧写法，3.x 不会识别这个无效配置，因此你定义的label回调从未被注册，自然不会触发。

将plugins节点下的tooltips改为tooltip即可，修正后的完整示例代码如下：

new Chart($('#truck-dwell'), {
    type: 'scatter',
    data: {
        datasets: [{
            label: 'Dwell Time (Minutes)',
            data: response,
            backgroundColor: Colors.Red,
        }],
    },
    options: {
        scales: {
            x: {
                type: 'linear',
                position: 'bottom'
            }
        },
        plugins: {
            // 注意：这里是单数tooltip，不是复数tooltips
            tooltip: {
                callbacks: {
                    label: function(ctx) {
                        return 'Hello, World!';
                    }
                }
            }
        }
    }
});

Chart.js 3.x 对所有内置插件的配置键做了统一规范，全部使用单数形式，除tooltip外，legend、title等内置插件的配置也遵循这个规则，从2.x升级时需要注意替换对应键名，避免配置不生效。

内容的提问来源于stack exchange，提问作者Jonathan Wood