谷歌可视化:如何显示一些图标栏的顶部(Google Visualization : how to s

2019-10-17 19:17发布

我在我的应用程序简单的柱状图,我需要把一些“”,一些图标,或任何东西在我的酒吧的顶部别的。

下面是代码:

DataTable data = DataTable.create();
data.addColumn(ColumnType.STRING, "Year");
data.addColumn(ColumnType.NUMBER, "Sales");
data.addRows(2);
data.setValue(0, 0, "Work");
data.setValue(0, 1, 14);
data.setValue(1, 0, "Sleep");
data.setValue(1, 1, 10);

BarChart barChart = new BarChart(data, options);
vpnl.setHeight("500px");
vpnl.add(barChart);

这里是输出的黑圈,你可以在这里看到的是什么,我想在这个位置放置,也可以是任意数量。

任何想法 ?

Answer 1:

目前不支持此功能。 实现它的唯一方法是写一些花哨的JavaScript来创建它。

我无亲在与SVG工作与JavaScript,而不会假装。 我要让你知道我发现了什么Firebug的,并共享。

使用这个图表我检查所创建的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)};

这可能不帮你。 我无法找到任何简单的方法来创建一个办法解决这个(哦,所以,需要)功能。 对不起有没有解决办法呢!



文章来源: Google Visualization : how to show some icon at the top of a column