首页 文章

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

提问于
浏览
1

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

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

enter image description here

enter image description here

1 回答

  • 0

    不,没有 . 请参阅this question中的答案 .

    引用如下:


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

    我不是专业人员使用javascript与SVG合作,并且不会假装 . 我会告诉你我在Firebug中发现了什么,然后分享一下 .

    使用this chart我检查了创建的SVG元素 . 它有5个不同的 <g> (我假设是组)元素 .

    • g[1] 包含有关 Headers 的信息 .

    • g[2] 包含图例

    • g[3] 包含图表信息(具有图表区域,网格线,系列,轴标签值等的子组) - 当选择一个点时,这也显示该点的圆/双圆 .

    • g[4] 包含轴 Headers

    • 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)};
    

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

相关问题