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