2

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

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

2 回答 2

12

目前还没有直接的解决方案，因为柱状图中不支持注释。但是让我分享一个解决方法：您可以创建一个组合图，其中包含两个具有相同数据的系列（与柱形图的数据相同）以及注释列。将第一个系列的类型设置为bar，将另一个系列的类型设置为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);
于 2012-10-16T15:19:22.810 回答
0

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

对于第二个问题，我不太明白。当您使用鼠标在条形上移动时，带有值的弹出窗口尚未显示在条形的顶部？

于 2012-06-03T16:04:04.957 回答