Javascript 时间序列中非常接近的点很难用动态图指向

我有一个数据的动态散点图，其中我有紧密分组的日期时间戳的实例。鼠标指针离X轴越远，似乎越难突出显示这些点。可以突出显示它们，但在放大到非常紧密之前，它会非常不稳定

例如，为了查看与沿4、6或8 RPM线的点关联的点数据，必须在X和Y轴上非常紧密地放大。我希望我的用户能够只指向一个给定的点来获取相关的数据，而不必每次放大。是否有某种方法可以减少从给定点获取点数据所需的接近度或定点精度

工作示例： 使用上面列出的小提琴，当放大到最远时，尝试将光标悬停在以下位置：

X:Aug 12，Y:6

（实际数据为：[新日期（“2012/08/02 09:49:15”），6.000000，44190]，。请注意，几乎不可能高亮显示该点，因为具有较小Y值的时间接近点更可能高亮显示，即使光标直接位于该点上

它看起来可能就是我要找的东西。但是读了这本书，我不再那么确定：

/**
 * Given canvas X,Y coordinates, find the closest point.
 *
 * This finds the individual data point across all visible series
 * that's closest to the supplied DOM coordinates using the standard
 * Euclidean X,Y distance.
 *
 * @param {number} domX graph-relative DOM X coordinate
 * @param {number} domY graph-relative DOM Y coordinate
 * Returns: {row, seriesName, point}
 *

 @private
*/

---

这似乎意味着画布坐标是以编程方式提供的，不是通过鼠标指针提供的，但这只是一个猜测。此外，我还没有找到任何使用该坐标的示例。是否有某种方法可以让选择一个无点抖动？

默认情况下，动态图会为每个系列高亮显示相应的点（即显示在输入数据的同一行中的点）。这通常是时间序列图所需的，但正如您所注意到的，对于散点图，在同一系列中可能有多个点具有相同的x值，它会崩溃

该选项通常用于设置当前高亮显示序列的样式，其副作用是将选择逻辑更改为“按欧几里德距离最接近”，而不是“按x值最接近”。因此，您可以通过将此选项设置为空对象来实现所需的效果：

新动态图（数据，div{
highlightSeriesOpts:{}
})

以下是您的演示的更新版本，其中包含修复程序：