在google交互式条形图中将标签放在内部栏的顶部

Question

我现在使用谷歌柱形图创建了一个条形图

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

Answer 1

目前尚无直接解决方案,因为柱形图不支持注释.但是,让我分享一个解决方法:您可以创建一个组合图表,其中两个系列具有相同的数据(与柱形图的数据)以及注释列.将第一个系列的类型设置为条形,将另一个系列的类型设置为直线.最后,将第二个系列的visibleInLegend,lineWidth和pointSize属性分别指定为false和0.

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