Question

使用ChartJS，我希望能够根据数据更改工具提示上的标题（主要是因为我希望文本使用的字体小于标签的字体）。我真的不需要完整的自定义HTML工具提示，只需更改字体大小和标题文本即可。

不过，仅通过“自定义”回调进行设置意味着数据集的标签没有正确显示背景

options: {
    tooltips: {         
        custom : t => {
            t.title = ['Hello'];        
        }
    }
}

请参阅此JSFiddle：https://jsfiddle.net/MrPurpleStreak/2n8md9Lh/

将鼠标悬停在某个点上，然后在黑色背景上看到“ hello”，但数据却没有。

注意：我已经找到一种方法来实现我的最初目标，但是这让我感到很震惊，是chartJS中的错误？

Answer 1

自定义属性似乎存在问题。

我建议改用callbacks：

tooltips: {
    displayColors: false,
    backgroundColor: 'rgb(0,0,0,1)',
    callbacks: {
      title: function(tooltipItems, data) {
        return 'Hello';
      },
    }
}

请参见jsFiddle

ChartJS自定义工具提示不会在标签（仅标题）上呈现背景

1 个答案: