2013-03-06 36 views
0

有時,要獲取Highcharts Javascript圖表庫以顯示某些數據點的工具提示非常困難。例如,嘗試在下面的鏈接上顯示50,50處的數據點工具提示。要展示它非常困難,而且會閃爍很多。有誰知道一些解決方法?某些數據點無法訪問Highcharts工具提示

http://highcharts.com/jsbin/ogixaz/2/edit

我的更新最新的Chrome和Firefox的嘗試。

+0

它看起來不錯的形式我。或者,也許我不明白你的問題。 – 2013-03-06 12:25:42

回答

0

在50,50閃爍的工具提示的原因是因爲工具提示正在繪製點。左側和右側的點爲工具提示留出空間。中間人不能被拉到一邊的原因是圖表很小,而且工具很大。

一些想法來幫助這種情況: 1.使工具提示變小。 2.增大圖表(嘗試在你的例子中增大右側)。 3.使用highcharts tooltip.positioner函數將工具提示放置在其他位置。

+0

1&2:是的,謝謝。我們正在使用具有豐富信息的大型工具提示,因此這些工具無法正常工作。 3:我可以使用工具提示位置,它與數據點重疊。我只是想讓它顯示距離我的鼠標指針最近的數據點的工具提示。 – Stijn 2013-03-06 16:37:29

+0

它看起來好像記住了它顯示工具提示的最後一個系列,並試圖粘貼到該系列以顯示下一個工具提示。即使鼠標指針只觸及該行而不是數據點。我後面的行爲是顯示最接近鼠標指針的數據點的工具提示。 – Stijn 2013-03-06 16:53:28

+0

這裏有一個較小的工具提示。仍然很難讓它顯示50,50的工具提示。 http://highcharts.com/jsbin/ogixaz/3/edit – Stijn 2013-03-06 16:55:25

0

你嘗試過:

//... 

plotOptions:{ 
     series:{ 
      stickyTracking:true; 
     } 
} 

UPDATE:

我不得不說,我看了你的嵌入式例子並理解你的意思到底是什麼, moveing你的代碼後, jsFiddle並設置屬性shared:true(在工具提示對象中),它工作正常。檢查... http://jsfiddle.net/yoav_barnea/LFvVy/2/

的重要組成部分,是財產shared:true

tooltip: { 
    formatter: function() { 
     return '<b style="font-size:18px;font-weight:bold;">Some very long title</b><br/>' + this.x + ":" + this.y + " <br/>and some<br/> extra stuff<br/>line<br/>line"; 
    }, 
    useHTML: true, 
    shared:true 
}, 

更新2:

爲上得到德,崔根源c財產你的其他問題(你在評論中提到...),解決方案是將您的代碼修改爲格式化程序函數,如下所示:return ... this.points[0].point.c

(再次,這是一個新的問題,不涉及閃爍提示的第一個...)

+0

是的,它沒有幫助。 – Stijn 2013-03-06 16:36:23

+0

是否有可能您正在舊版本/環境中嘗試該操作。 – 2013-03-06 16:50:07

+0

你有沒有在jsFiddle.net上運行它? – 2013-03-06 16:52:22