如何在chartjs中以编程方式触发悬停

eagi6jfj  于 2022-11-06  发布在  Chart.js
关注(0)|答案(2)|浏览(248)

我想在ChartJs中以编程方式设置悬停效果,我想同时看到hoverBorderWidthhoverBorderColor效果。我知道如何激活一些工具提示,但我不能应用悬停效果。例如,如果我有图表和一些外部链接,我可以触发mouseover事件到链接。我想在ChartJs中有悬停效果,我该如何做?
谢谢你的回答。

n8ghc7c1

n8ghc7c11#

Chart.js监听mousemove事件,并检查数据点是否位于x/y坐标处。如果是,则触发该点的“悬停”行为。
借用Chart.js tooltips test code,我编写了下面的代码片段,以演示如何访问正确的属性并触发事件。
第一个

gstyhher

gstyhher2#

我确实喜欢@timclutton给出的答案,尽管我发现它有时在一些设备上有点不准确,但我相信这与屏幕偏移量与mouseEvent定位不匹配有关。
所以我想我应该分享这个解决方案,我已经在我最近的一个项目中使用:)
第一个

相关问题