2013-03-07 93 views
1

我試圖用google圖表API創建一些圖表。我需要一個條形圖,其值直接放在圖表上(不是默認設置的工具提示)。我知道這是可能的圖像圖表(現在已被棄用)。有什麼方法可以在谷歌圖表中實現類似的結果?我將是任何幫助或建議表示感謝...在圖表上放置值而不是在工具提示中的條形圖

這裏是什麼,我想實現一些例子:

enter image description here

enter image description here

+0

[此問題]的可能重複(http://stackoverflow.com/questions/15249247/google-visualization-how-to-show-some-icon-at-the-top-of-a-column) – jmac 2013-03-07 22:34:40

回答

0

沒有,沒有。請參閱this question中的答案。

報價如下:


此功能目前不支持。實現它的唯一方法是編寫一些花哨的JavaScript來創建它。

我不贊成用JavaScript處理SVG,並且不會假裝是。我會讓你知道我用Firebug發現的東西,並分享它。

使用this chart我檢查了創建的SVG元素。它有5個不同的<g>(我假設組)元素。

  • g[1]包含有關標題的信息。
  • g[2]包含圖例
  • g[3]包含圖表信息(與圖表 區域,網格線,系列,軸線標籤值等的子組) - 是 選擇的點的情況下,這顯示了圓/雙圓圈點太
  • g[4]包含軸標題
  • g[5]包含兩個獨立的團體的提示,但僅限於 鼠標懸停

這裏是在被觸發的代碼的功能,當你將鼠標懸停在點:

Y.Ov=function(a,b,c){a=new kv(a);var d=this.Mf.pk(Wj);b=b[zc](sd);d[w](this.Mf[sb](b[0]));for(var e=1;e<b[L];++e)d[w](this.Mf.pk(ti)),d[w](this.Mf[sb](b[e]));Qt(d,c);a.t()[w](d);a.Zz(100);a.Yz(100);this.on[y](a);return a};Y.appendChild=function(a,b){if(b){var c;if(b[Bc]==Sv){if(!b.Th())return;c=b.t()}else c=b;a.t()[w](c)}};Y.replaceChild=function(a,b,c){a.t().replaceChild(b,c);Cu(c)};Y.Fg=function(a){a.Th()&&this.xs(a.t())};Y.xs=function(a){this.Mf.Fg(a)};Y.ds=function(a){this.Mf.removeNode(a);Cu(a)}; 

這可能不幫你。我無法找到任何簡單的方法來爲此(必要的)功能創建解決方法。對不起還沒有解決方案!

+0

感謝您的回覆:)我想我會寫我自己的這種類型的圖表的實現。 – 2013-03-08 11:52:40