如何使用模式更改工具提示的外观: Chart.js 中的索引

How do I change the appearance of tooltips with mode: index in Chart.js

我想更改 Chart.js 在使用 index 模式时呈现工具提示的方式。默认情况下,Chart.js 在每个数据集的工具提示之间显示换行符。我需要修改这个行为。

我尝试使用 label 回调函数,但似乎 Chart.js 为每个数据集调用一次函数,而不是在整合工具提示之后。

当前工具提示显示:

所需的工具提示显示:

我想这样做的原因是我的图表可以包含大量数据集,并且工具提示框高度超过图表高度并在发生这种情况时被截断。

谢谢。

如果以后有人遇到这个问题,我最终设法通过以下步骤获得了我需要的行为:

  1. 从 ChartJS 源复制工具提示显示的实现。
  2. 修改此代码中注入的 HTML 以重新创建您需要的行为。
  3. 用您修改的函数覆盖此函数的 ChartJS 源代码。