如何使用mode:Chart.js中的index更改工具提示的外观

时间:2019-03-22 08:26:14

标签: javascript graph chart.js tooltip

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

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

当前工具提示显示:

default tooltip

所需的工具提示显示:

desired tooltip

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

谢谢。

1 个答案:

答案 0 :(得分:0)

如果将来有人遇到这种情况,我最终可以通过以下步骤设法获得所需的行为:

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