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

Question

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

这是我的代码的演示。

Answer 1

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

我的方法的想法很简单：

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

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

PS：感谢 Jonas Raoni Soares Silva的点对线距离功能，它节省了我很多时间，而且效果很好。