Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/sockets/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Google visualization 在谷歌互动条形图中,将标签放在内部条形图的顶部_Google Visualization - Fatal编程技术网

Google visualization 在谷歌互动条形图中,将标签放在内部条形图的顶部

Google visualization 在谷歌互动条形图中,将标签放在内部条形图的顶部,google-visualization,Google Visualization,现在,我已经用谷歌创建了一个条形图 我的数据表中只有整数值,但google用浮点值除以ACI,有没有办法强制图表只标记整数 有没有办法在条形图的顶部或内部显示值标签?我找到了一些图像图表的方法,但我想保持图表的互动性 对于第一个问题,您可以使用gridlines属性,请查看如何使用它 关于第二个问题,我真的不明白。当您用鼠标在条形图上移动时,带有值的弹出窗口尚未显示在条形图顶部?由于柱状图中不支持注释,因此目前还没有直接的解决方案。但让我来分享一个解决方法:您可以创建一个组合图,其中两个系列的数

现在,我已经用谷歌创建了一个条形图

  • 我的数据表中只有整数值,但google用浮点值除以ACI,有没有办法强制图表只标记整数
  • 有没有办法在条形图的顶部或内部显示值标签?我找到了一些图像图表的方法,但我想保持图表的互动性

  • 对于第一个问题,您可以使用
    gridlines
    属性,请查看如何使用它


    关于第二个问题,我真的不明白。当您用鼠标在条形图上移动时,带有值的弹出窗口尚未显示在条形图顶部?

    由于柱状图中不支持注释,因此目前还没有直接的解决方案。但让我来分享一个解决方法:您可以创建一个组合图,其中两个系列的数据(与柱状图的数据相同)以及注释列。将第一个系列的类型设置为bars,将另一个系列的类型设置为line。最后,将第二个系列的visibleInLegend、lineWidth和pointSize属性分别指定为false和0s

    var data = new google.visualization.DataTable();
    data.addColumn({ type: 'string', label: 'Labels' });
    data.addColumn({ type: 'number', label: 'Bar Series' });
    data.addColumn({ type: 'number', label: 'Line Series' });
    data.addColumn({ type: 'string', role: 'annotation' });
    
    data.addRows([['Label1', 10, 10, '10'],
                 ['Label1', 20, 20, '20'],
                 ['Label1', 40, 40, '40'],
                 ['Label1', 5, 5, '5'],
                 ['Label1', 30, 30, '30'],
                 ]);
    
    var barchart = new google.visualization.ComboChart(document.getElementById('bar_element'));
    var options = {series: [{ type: 'bars' },
                            { type: 'line', lineWidth: 0, visibleInLegend:false, pointSize: 0}]};
    
    barchart.draw(data, options);
    

    感谢您的快速回复@alain.janinm,当然工具提示会显示标签,但我希望在每个页面顶部显示静态标签bar@alan.janimn我想要像这样的@ArsenMkrt好的,所以你的问题是重复的:和。对于柱状图仍然没有任何答案,下面是一个柱状图的示例:。未来可能会有所帮助的新功能是注释:。不幸的是,此功能不适用于columnchart。。。因此,现在你不能没有一些有线黑客。最佳解决方案:等待几个月;)对于只显示整数作为网格轴分隔符的自定义函数,请检查此处:Arsen的可能重复项,为了使您的帖子更清晰,您不应该在一篇帖子中问两个不相关的问题,请参阅此帖子:如果您希望得到足够的关注,应该在自己的帖子中问第一个问题。顺便说一句,在你的情况下,我认为两者都是重复的。如果您的第一个问题需要不同的答案,请告诉我;)有没有一种方法可以让每个系列有多个数据点?例如<代码> [[ Label1,10, 40, 10,' 10’,40,''' 40 ] ],[ [ 'Label2,20, 5, 20,' 20 ',5,' 5 ' ] ] /<代码>用bar、bar、行、注释、行和注释列在两个条的中间显示注释,因为没有办法“交错”两行序列以与两个条对齐。