Highcharts 悬停错误 - 有视频演示

Question

我最近发布了一个关于 Highcharts 中不可预测的悬停点的问题，但这个问题并没有引起太多关注。可能是因为很难解释。

我现在在这里发布了一个视频

http://www.youtube.com/watch?v=LovfLWpVVtc

显示此行为。

Chrome 和 Firefox 上都会出现这种情况（视频是在高规格 MacPro 上的 FF 上完成的）。

该视频是使用文档中的 JsFiddle 完成的。

正如

您所看到的，当接近第一个或图表外部的最后一点，没有显示牙唇。但是，如果光标进入图表然后接近第一个/最后一个点，则会呈现工具提示。这是不稳定的，有时当来自外部时会呈现工具提示，有时则不会。

有什么想法有什么问题吗？

更多信息

这似乎主要发生在使用xAxis: {type: 'datetime'}时，

我使用的是 Highcharts v2.1.9。

Answer 1

无需“hack” - 只需使用最新版本的 Highcharts http://jsfiddle.net/WdVtE/

Answer 2

好吧，我想我找到了一个黑客解决方案。

在我看来，这是一个与以下事实相关的错误：

xAxis: {type: 'datetime'}

将第一个和最后一个数据点推到绘图区域的限制（使用时不会发生这种情况） 类别）。

因此，解决此问题的方法是使用创建一些填充，

x-axis: {
minPadding:0.02,
maxPadding:0.02
}

然后悬停行为正确，类似于 x 轴为类别时的情况。

请注意，minPadding 和 maxPadding 必须 > 0.02。如果您使用0.01，您的悬停将会出现错误。