Javascript GoogleCharts API-为线条图分组表格

Javascript GoogleCharts API-为线条图分组表格,javascript,google-visualization,Javascript,Google Visualization,我目前有一个如下表,我正在试图找出如何创建一个线图,其中x轴是“日期”,y轴是“API调用数”,有三条线,每个线对应“类别”中的唯一值。我一直在浏览GoogleCharts API文档,但似乎找不到合适的函数组合来实现这一点。感谢您的帮助 您需要按以下格式将数据排列在数组中: [ [日期、产品、配方,两者], [2012年1月1日,176,014], [2012年7月1日,16日,0日,82日], ... ] 例如: <script type="text/javascript">

我目前有一个如下表,我正在试图找出如何创建一个线图,其中x轴是“日期”,y轴是“API调用数”,有三条线,每个线对应“类别”中的唯一值。我一直在浏览GoogleCharts API文档,但似乎找不到合适的函数组合来实现这一点。感谢您的帮助


您需要按以下格式将数据排列在数组中:

[ [日期、产品、配方,两者], [2012年1月1日,176,014], [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>

它在这里工作。

您需要将数据按以下格式排列在一个数组中:

[ [日期、产品、配方,两者], [2012年1月1日,176,014], [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>

这里正在工作。

感谢您的回复。我应该在我原来的帖子里说得更具体些。对于某些数据集,我还有“域”和“已注册与未注册”之类的列。我只是想知道Google是否提供了任何潜在的帮助函数,可以根据特定的列进行重新分组。啊,是的。我懂了。我不确定是否有什么直接的方法可以做到这一点,但您当然可以使用类似于underline.js groupBy方法的方法来做到这一点:谢谢您的回复。我应该在我原来的帖子里说得更具体些。对于某些数据集,我还有“域”和“已注册与未注册”之类的列。我只是想知道Google是否提供了任何潜在的帮助函数,可以根据特定的列进行重新分组。啊,是的。我懂了。我不确定是否有任何直接的方法可以做到这一点,但您当然可以使用类似下划线.js groupBy的方法: