2

現在、次のような表があり、x 軸が「日付」、y 軸が「API 呼び出しの数」で、3 つの折れ線グラフを作成する方法を見つけようとしています。 「Category」の一意の値ごとに 1 行。Google Charts API のドキュメントを調べてみましたが、これを機能させるための適切な関数の組み合わせが見つからないようです。どんな助けでも大歓迎です。

データテーブル

4

1 に答える 1

0

次の形式でデータを配列に配置する必要があります。

[["日付", "製品", "レシピ", "両方"], ["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で動作しています。

于 2012-09-14T19:10:30.787 に答える