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

Question

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

这是我的代码的演示。

Answer 1

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

我的方法的想法很简单：

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

上述想法的工作示例在这里。

PS：感谢 Jonas Raoni Soares Silva 提供的点到线距离函数，它节省了我很多时间，而且效果很好。