Chart.js多数据集问题:将鼠标悬停在第n个点上,将“悬停”在每个数据集的第n个点上

Tud*_*ari 3 chart.js

情况示例:在一张图表中有2条线数据集。

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

在此处输入图片说明

ɢʀᴜ*_*ᴜɴᴛ 6

您需要设置图表悬停模式,以最近,在您的图表选项的配置,如下所示:

options: {
      hover: {
         mode: 'nearest'
      },
      ...
Run Code Online (Sandbox Code Playgroud)

这将确保仅将悬停的数据点激活。

这是工作中的小提琴