我想在ChartJs中以编程方式设置悬停效果,我想同时看到hoverBorderWidth和hoverBorderColor效果。我知道如何激活一些工具提示,但我不能应用悬停效果。例如,如果我有图表和一些外部链接,我可以触发mouseover事件到链接。我想在ChartJs中有悬停效果,我该如何做?谢谢你的回答。
hoverBorderWidth
hoverBorderColor
mouseover
n8ghc7c11#
Chart.js监听mousemove事件,并检查数据点是否位于x/y坐标处。如果是,则触发该点的“悬停”行为。借用Chart.js tooltips test code,我编写了下面的代码片段,以演示如何访问正确的属性并触发事件。第一个
mousemove
gstyhher2#
我确实喜欢@timclutton给出的答案,尽管我发现它有时在一些设备上有点不准确,但我相信这与屏幕偏移量与mouseEvent定位不匹配有关。所以我想我应该分享这个解决方案,我已经在我最近的一个项目中使用:)第一个
2条答案
按热度按时间n8ghc7c11#
Chart.js监听
mousemove
事件,并检查数据点是否位于x/y坐标处。如果是,则触发该点的“悬停”行为。借用Chart.js tooltips test code,我编写了下面的代码片段,以演示如何访问正确的属性并触发事件。
第一个
gstyhher2#
我确实喜欢@timclutton给出的答案,尽管我发现它有时在一些设备上有点不准确,但我相信这与屏幕偏移量与mouseEvent定位不匹配有关。
所以我想我应该分享这个解决方案,我已经在我最近的一个项目中使用:)
第一个