Chart.js多个数据集问题：悬停在第n个点＆＃34; hovers＆＃34;在每个数据集的第n个点上

Question

示例情况：我在一个图表中有2个行数据集。

如果我将鼠标悬停在第二个数据集的第二个点上，它还会检测其他每个数据集的第二个点。

Answer 1

您需要在图表选项配置中将图表的悬停模式设置为'nearest'，如下所示：

options: {
      hover: {
         mode: 'nearest'
      },
      ...

这将确保只有悬停的数据点才会生效。

这是working fiddle。