有時,要獲取Highcharts Javascript圖表庫以顯示某些數據點的工具提示非常困難。例如,嘗試在下面的鏈接上顯示50,50處的數據點工具提示。要展示它非常困難,而且會閃爍很多。有誰知道一些解決方法?某些數據點無法訪問Highcharts工具提示
http://highcharts.com/jsbin/ogixaz/2/edit
我的更新最新的Chrome和Firefox的嘗試。
有時,要獲取Highcharts Javascript圖表庫以顯示某些數據點的工具提示非常困難。例如,嘗試在下面的鏈接上顯示50,50處的數據點工具提示。要展示它非常困難,而且會閃爍很多。有誰知道一些解決方法?某些數據點無法訪問Highcharts工具提示
http://highcharts.com/jsbin/ogixaz/2/edit
我的更新最新的Chrome和Firefox的嘗試。
在50,50閃爍的工具提示的原因是因爲工具提示正在繪製點。左側和右側的點爲工具提示留出空間。中間人不能被拉到一邊的原因是圖表很小,而且工具很大。
一些想法來幫助這種情況: 1.使工具提示變小。 2.增大圖表(嘗試在你的例子中增大右側)。 3.使用highcharts tooltip.positioner函數將工具提示放置在其他位置。
1&2:是的,謝謝。我們正在使用具有豐富信息的大型工具提示,因此這些工具無法正常工作。 3:我可以使用工具提示位置,它與數據點重疊。我只是想讓它顯示距離我的鼠標指針最近的數據點的工具提示。 – Stijn 2013-03-06 16:37:29
它看起來好像記住了它顯示工具提示的最後一個系列,並試圖粘貼到該系列以顯示下一個工具提示。即使鼠標指針只觸及該行而不是數據點。我後面的行爲是顯示最接近鼠標指針的數據點的工具提示。 – Stijn 2013-03-06 16:53:28
這裏有一個較小的工具提示。仍然很難讓它顯示50,50的工具提示。 http://highcharts.com/jsbin/ogixaz/3/edit – Stijn 2013-03-06 16:55:25
你嘗試過:
//...
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
(再次,這是一個新的問題,不涉及閃爍提示的第一個...)
是的,它沒有幫助。 – Stijn 2013-03-06 16:36:23
是否有可能您正在舊版本/環境中嘗試該操作。 – 2013-03-06 16:50:07
你有沒有在jsFiddle.net上運行它? – 2013-03-06 16:52:22
它看起來不錯的形式我。或者,也許我不明白你的問題。 – 2013-03-06 12:25:42