我目前正在开发一个Web应用程序,我正在使用Chart.js来显示一个包含多个数据集的折线图。该图表包含两个数据集,第一个数据集包含主要数据点,第二个数据集包含2个数据点,一个在开始处,一个在结束处,以虚线填充整个图表。目标是仅显示第一个数据集中的点的工具提示,并防止第二个数据集中的点的工具提示被激活。
问题:我希望仅为第一个数据集中的点激活工具提示,而不管光标与第二个数据集中的点有多接近。当将鼠标悬停在图表上时,我希望工具提示只会出现在第一个数据集中的点上,而不会被第二个数据集中的点触发。
有谁能就如何做到这一点提供指导?有没有一种方法可以修改Chart.js工具提示行为,以防止工具提示/第二个数据集中的任何交互?任何有助于解决此问题的见解或代码示例将不胜感激。
提前感谢您的帮助!
第二个数据集如何激活:
当光标位于图形的第二半部分时,它应该如何:
我尝试了各种方法来控制工具提示激活,但是第二个数据集的工具提示一直被激活。
1条答案
按热度按时间ktecyv1j1#
我建议使用chartjs-plugin-annotation来绘制第二条线,而不是第二个数据集。那么你就完全不用担心交互性了。
如果您想坚持当前的方法,那么工具提示插件提供了很多选项-最简单的可能是添加过滤器来排除第二个数据集。