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

Question

我使用google Column Chart创建了一个条形图，现在

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

Answer 1

目前还没有直接的解决方案，因为柱形图不支持注释。但是，让我分享一个解决方法：您可以创建一个组合图表，其中两个系列具有相同的数据（与柱形图的数据）以及注释列。将第一个系列的类型设置为 bars ，将其他系列的类型设置为 line 。最后，将第二个系列的 visibleInLegend ， lineWidth 和 pointSize 属性指定为 false 和 0s < / em>分别。

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

Answer 2

对于您的第一个问题，您可以使用gridlines属性，请查看this post以了解如何使用它。

对于第二个问题，我并不理解。当您使用鼠标进入条形图时，条形图顶部尚未显示带有值的弹出窗口？