Google Charts API -针对LineGraph对表进行分组

Question

我目前有一个类似下面的表格，我正在尝试创建一个折线图，其中x轴是'Date'，y轴是'# of API Calls‘，有三条线，每一条线对应于'Category’中的每个唯一值。我已经大量阅读了Google Charts API文档，但似乎就是找不到正确的函数组合来实现这一点。任何帮助都是非常感谢的。

​

​

Answer 1

您需要将数据排列为以下格式的数组：

[“日期”，“产品”，“配方”，“两者”，“2012年1月1日”，176，0,144，“2012年7月1日”，16，0，82，... ]

例如：

<script type="text/javascript">
      google.load("visualization", "1", {packages:["corechart"]});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = google.visualization.arrayToDataTable([
         ["date", "product", "recipe", "both"],
         ["Jan 1, 2012", 176, 0, 144],
         ["Jul 1, 2012", 16, 0, 82],
         ["Aug 1, 2012", 41, 81, 82],
         ["Sep 1, 2012", 27, 7, 7],
         ["Oct 1, 2012", 9, 0, 0]
        ]);

        var options = {
          title: 'Your data'
        };

        var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
        chart.draw(data, options);
      }
    </script>

在这里，它在jsfiddle中工作。