2012-02-12 45 views
4

我最近发布了一个关于Highcharts点悬停难度的问题,但问题没有得到太多的牵引。可能是因为很难解释。Highcharts悬停错误 - 用视频来演示

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

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

显示此行为。

它发生在Chrome和Firefox上(视频在高规格MacPro上的FF上完成)。

视频是从文档使用此JsFiddle完成的。

http://jsfiddle.net/HnwbQ/1/

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

任何想法是什么问题?

更多信息

这似乎使用xAxis: {type: 'datetime'},

我使用Highcharts v2.1.9时大多发生。

+0

一个解决方案是将更多的空间添加到图形 - 你可以看到边缘的数据点没有被完全呈现,由于不足够的空间。 – 2012-02-12 02:39:31

+0

我试过没有成功 - 你没有注意到,尽管工具提示没有显示,标记和行闪烁状态改变?它看起来像是单独的工具提示,无法呈现。 – pepe 2012-02-12 02:44:52

+0

最简单的解决方案是不要担心它。这并不理想,但用户将很快找出如何克服这个小错误 - 即。从图表内部接近终点。就我个人而言,我不会失眠。 – 2012-02-12 03:29:29

回答

0

好的我认为我发现了一个骇人听闻的解决方案。

在我看来,这是涉及到

xAxis: {type: 'datetime'}

推动第一和最后一个数据点的情节区域的界限事实的错误(使用category时不会发生这种情况)。

所以解决这个问题的方法是创建一个使用

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

然后悬停行为正确一些填充,类似于当X轴是category

请注意,minPadding和maxPadding必须>0.02。如果你使用0.01,你将有一辆越野车悬停。

1

没有必要在“黑客” - 只需使用最新版本的Highcharts的http://jsfiddle.net/WdVtE/

+0

很开心,我拍摄的视频使用的是v2.1.9,和你的小提琴一样 - BTW你的小提琴工作得很好,因为我说这是不稳定的行为,但我需要HC以可预测的方式行事,所以我会坚持hack – pepe 2012-02-12 18:09:09

+0

不要看js文件开头的数字 - 它们不一样。比较他们,例如,在这里http://www.diffnow.com/,你会看到不同之处。 – Cheery 2012-02-12 18:17:33