谷歌柱形图有两列

有月份和年份时如何处理柱形图 。

我的数据采用这种格式

['Group','Count','Month','Year'], ['A',10,'February',2015], ['B',8,'February',2015], ['C',15,'February',2016] 

目的是创建一个柱形图，其中X轴为月 ， Y轴为Count 。 现在X轴应该按月分组计数。 像这样的东西 –

我试图简单地传递上面的数据，看看我能得到什么，但我得到错误。

是否可以根据按月分组的年份为Axis分配值？

谷歌图表示例的JsFiddle

Answer 1

只需要三列，就像这样……

  ['Month', '2015', '2016'], ['Jan', 10, 15], ['Feb', 12, 18], ['Mar', 14, 21], ['Apr', 16, 24] 

然后你可以使用DataView通过计算列添加注释……

 var view = new google.visualization.DataView(data); view.setColumns([0, 1, { calc: 'stringify', sourceColumn: 1, type: 'string', role: 'annotation' }, 2, { calc: 'stringify', sourceColumn: 2, type: 'string', role: 'annotation' }]); 

请参阅以下工作代码段…

 google.charts.load('current', { callback: function () { var data = google.visualization.arrayToDataTable([ ['Month', '2015', '2016'], ['Jan', 10, 15], ['Feb', 12, 18], ['Mar', 14, 21], ['Apr', 16, 24] ]); var view = new google.visualization.DataView(data); view.setColumns([0, 1, { calc: 'stringify', sourceColumn: 1, type: 'string', role: 'annotation' }, 2, { calc: 'stringify', sourceColumn: 2, type: 'string', role: 'annotation' }]); var chart = new google.visualization.ColumnChart(document.getElementById('chart_div')); chart.draw(view, {}); }, packages: ['corechart'] });