2014-03-26 71 views
2

我使用jquery.flot.js(1.1版)的圖形和工具提示jquery.flot.tooltip.js(版本:0.6.7)%p堆棧圖百分比與jquery.flot.tooltip不工作

我想顯示堆疊圖中每個堆棧覆蓋的百分比區域。 我嘗試過使用%p。 但它不起作用,它會在工具提示中返回「%p」。 代碼片段:

tooltip: true, 
tooltipOpts: { 
    content: "%s : %y : %p.1%" 
} 

我的圖是 -

enter image description here

可以在任何一個可以幫助我嗎?

回答

2

僅當您還使用餅圖插件http://www.flotcharts.org/flot/examples/series-pie/index.html時,纔可以使用%p,該佔位符僅用於支持該插件。我在文檔中看到這一點並不清楚。

在你的情況下,你需要自己計算百分比值。你可以使用回調函數。格式爲function(label, xval, yval, flotItem),並且必須以正確的格式返回字符串(工具提示需要)。

希望它有幫助!

+0

謝謝你的回覆。 我也試過%p,但它不工作,不知道爲什麼它不工作。 我不能使用函數,因爲我想顯示每個堆棧覆蓋的百分比區域。 ex:last bar height = 78 然後綠色堆棧的百分比值應該是(64/78)* 100 = 82 – sunil

+0

在這個函數中我不能訪問同一個bar中其他堆棧的值。 是否可以訪問? – sunil

+0

再次,'%p'只適用於餅圖。你沒有餅圖,所以它不起作用。我不知道您是否可以訪問其他堆棧的值,請檢查您在「flotItem」對象中獲得的值。但是您也可以訪問您傳遞給原始數據的原始數據,因此您可以使用它們(?)。不要只依賴tooltip插件,使用你擁有的數據。 – krzysu