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

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

这是我的代码演示 。

Answer 1

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

我的方法的想法很简单：

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

上述想法的工作样本在这里。

PS：感谢Jonas Raoni Soares Silva 的点到点距离function ，这节省了我很多时间，而且效果很好。