Chart.js多数据集问题:悬停在第n个点上;悬停“;在每个数据集上';第n点

Chart.js多数据集问题:悬停在第n个点上;悬停“;在每个数据集上';第n点,chart.js,Chart.js,示例情况:我在一个图表中有两个线条数据集。 如果我将鼠标悬停在第二个数据集的第二个点上,它也会在每个其他数据集的第二个点检测鼠标悬停 您需要在图表选项配置中将图表的悬停模式设置为: options: { hover: { mode: 'nearest' }, ... 这将确保只有悬停的数据点处于活动状态 以下是问题的答案。考虑制作一把小提琴再现问题。给你。提前谢谢

示例情况:我在一个图表中有两个线条数据集。

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

您需要在图表选项配置中将图表的悬停模式设置为:

options: {
      hover: {
         mode: 'nearest'
      },
      ...
这将确保只有悬停的数据点处于活动状态


以下是问题的答案。

考虑制作一把小提琴再现问题。给你。提前谢谢