javascript - jqplot 当鼠标悬停在一行上时突出显示一条线

Question

我正在使用 jqplot 生成几个线图，并且想为其添加突出显示功能。具体来说，一旦鼠标悬停在这条线上，它将突出显示自身(改变颜色)。我在条形图(example)中看到了这个功能。有没有办法将其引入线图？

这是demo我的代码。

Answer 1

至少据我所知，jqPlot 并未立即提供此功能。因此，“最简单”的方法就是自己添加。不久前我做了类似的事情。我的方法是使用 jqplotMouseMove 事件并在其中添加适当的功能。

我的方法的想法很简单:

1. 获取鼠标点到线段的距离。
2. 如果它小于线条的宽度 - 您就找到了线条。
3. 在荧光笔的 Canvas 上(.jqplot-highlight-canvas)绘制不同颜色的线条，从而创建突出显示效果 - 对于此 Canvas ，我们需要荧光笔插件。

The working sample of the aforementioned idea is here.

PS:感谢 Jonas Raoni Soares Silva，为 the point to line distance function这节省了我很多时间，而且效果很好。