google-visualization - 在谷歌交互式条形图中将标签放在内部条形图的顶部

Question

我使用谷歌创建了一个条形图 Column Chart , 现在

1. 我的数据表中只有整数值，但谷歌将 acis 与浮点值分开，有没有办法强制图表只标记整数？
2. 有什么方法可以在顶部或内部条形图上显示值标签吗？我找到了一些图像图表的方法，但我想保持图表的交互性

Answer 1

目前还没有直接的解决方案，因为柱形图中不支持注释。但是让我分享一个解决方法:您可以创建一个组合图表，其中包含两个具有相同数据(与柱形图相同)的系列以及注释列。将第一个系列的类型设置为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);