当鼠标悬停在它上面时，jqplot突出显示一条线

Question

我正在使用jqplot生成多个线图，并希望为其添加突出显示功能。详细地说，一旦你的鼠标在这条线上，它就会突出显示自己（改变颜色）。我在条形图（example）中看到了这个功能。有没有办法将其引入线图？

以下是我的代码的demo。

Answer 1

至少据我所知，此功能并非由jqPlot开箱即用。因此，“最简单”是自己添加。我有一段时间做过这种事。我的方法是使用jqplotMouseMove事件并在那里添加适当的功能。

我的方法很简单：

1. 从线段获取鼠标点的距离。
2. 然后，如果它小于线条的宽度 - 你找到了你的线。
3. 在荧光笔的画布（.jqplot-highlight-canvas）上绘制不同颜色的线条，从而创建高光效果 - 对于此画布，我们需要荧光笔插件。

The working sample of the aforementioned idea is here.

PS：感谢Jonas Raoni Soares Silva，the point to line distance function为我节省了大量时间，并且效果很好。