在Google Charts中按天分组列

Question

我正在研究柱形图正在努力可视化数据，如下图所示：

 var data = google.visualization.arrayToDataTable([
     ['Day', 'Amount'],
     ['Mon', 4],
     ['Mon', 6],
     ['Tue', 3],
     ['Wed', 3],
 ]);

不喜欢这张图：

Google图表是否可以对数据进行分组，以便在xAxis中将当天的数据显示在一起？

Answer 1

在x轴上分组，添加列/附加系列......

var data = google.visualization.arrayToDataTable([
  ['Day', 'Amount 1', 'Amount 2'],
  ['Mon', 4, 6],
  ['Tue', 3, null],
  ['Wed', 3, null]
]);

请参阅以下工作代码段...

google.charts.load('current', {
  packages: ['corechart']
}).then(function () {
  var data = google.visualization.arrayToDataTable([
    ['Day', 'Amount 1', 'Amount 2'],
    ['Mon', 4, 6],
    ['Tue', 3, null],
    ['Wed', 3, null]
  ]);

  var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
  chart.draw(data);
});

<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div"></div>