带有值的条形图放在图表上而不是工具提示中

时间:2013-03-07 17:56:27

标签: google-visualization bar-chart

我正在尝试用google chart api创建一些图表。我需要一个条形图,其值直接放在图表上(而不是默认设置的工具提示)。我知道在图表图表中可以使用它(现在已经弃用)。有没有办法在谷歌图表中获得类似的结果?我将不胜感激任何帮助或建议......

以下是我想要实现的一些例子:

enter image description here

enter image description here

1 个答案:

答案 0 :(得分: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)};

这可能对你没有帮助。我找不到任何简单的方法来为这个(哦 - 所需)功能创建一个解决方法。对不起,还没有解决方案!