Highcharts懸停錯誤 - 用視頻來演示

我最近發佈了一個關於Highcharts點懸停難度的問題，但問題沒有得到太多的牽引。可能是因爲很難解釋。Highcharts懸停錯誤 - 用視頻來演示

我現在發佈了一段視頻在這裏

顯示此行爲。

它發生在Chrome和Firefox上（視頻在高規格MacPro上的FF上完成）。

視頻是從文檔使用此JsFiddle完成的。

正如你所看到的，接近從圖表外的第一個或最後一個點時，沒有tootlip所示。但是，如果光標進入圖表，然後接近第一個/最後一個點，則會呈現工具提示。這是不穩定的，有時來自外部的是提示工具提示，有時不是。

任何想法是什麼問題？

更多信息

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

我使用Highcharts v2.1.9時大多發生。

2012-02-12 pepe

一個解決方案是將更多的空間添加到圖形 - 你可以看到邊緣的數據點沒有被完全呈現，由於不足夠的空間。 – 2012-02-12 02:39:31

我試過沒有成功 - 你沒有注意到，儘管工具提示沒有顯示，標記和行閃爍狀態改變？它看起來像是單獨的工具提示，無法呈現。 – pepe 2012-02-12 02:44:52

最簡單的解決方案是不要擔心它。這並不理想，但用戶將很快找出如何克服這個小錯誤 - 即。從圖表內部接近終點。就我個人而言，我不會失眠。 – 2012-02-12 03:29:29

好的我認爲我發現了一個駭人聽聞的解決方案。

在我看來，這是涉及到

xAxis: {type: 'datetime'}

推動第一和最後一個數據點的情節區域的界限事實的錯誤（使用category時不會發生這種情況）。

所以解決這個問題的方法是創建一個使用

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

然後懸停行爲正確一些填充，類似於當X軸是category。

請注意，minPadding和maxPadding必須>0.02。如果你使用0.01，你將有一輛越野車懸停。

2012-02-12 03:24:35 pepe

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

2012-02-12 05:05:31 Cheery

很開心，我拍攝的視頻使用的是v2.1.9，和你的小提琴一樣 - BTW你的小提琴工作得很好，因爲我說這是不穩定的行爲，但我需要HC以可預測的方式行事，所以我會堅持hack – pepe 2012-02-12 18:09:09

不要看js文件開頭的數字 - 它們不一樣。比較他們，例如，在這裏http://www.diffnow.com/，你會看到不同之處。 – Cheery 2012-02-12 18:17:33

回答