0

私はグーグルの折れ線グラフを使用していますが、ソースをグラフに割り当てることに成功できません。

脚本

<script type="text/javascript">

// Load the Visualization API and the piechart package.
google.load('visualization', '1', { 'packages': ['corechart'] });

// Set a callback to run when the Google Visualization API is loaded.
google.setOnLoadCallback(drawChart);

function drawChart() {
    var jsonData = $.ajax({
        url: '@Url.Action("AylikOkumalar", "Enerji")',
        dataType: "json",
        async: false
    }).responseText;

    var rows = new google.visualization.DataTable(jsonData);

    var data = new google.visualization.DataTable();
    data.addColumn('date', 'Date');
    data.addColumn('number', 'T1');
    data.addColumn('number', 'T2');
    data.addColumn('number', 'T3');

    data.addRows(rows);


    // Instantiate and draw our chart, passing in some options.
    var chart = new google.visualization.LineChart(document.getElementById('chart_div')).draw(data, { curveType: "function",
        width: 700, height: 400,
        vAxis: { maxValue: 10 }
    }
    );
}
</script>

アクション

public ActionResult AylikOkumalar()
{
   IEnumerable<TblSayacOkumalari> sayac_okumalari = entity.TblSayacOkumalari;

   var sonuc = sayac_okumalari.Select(x => new
   {
       okuma_tarihi = ((DateTime)x.okuma_tarihi).ToShortDateString(),
       T1 = (int)x.toplam_kullanim_T1,
       T2 = (int)x.toplam_kullanim_T2,
       T3 = (int)x.toplam_kullanim_T3
   });

   return Json(sonuc, JsonRequestBehavior.AllowGet);
}

json出力

ここに画像の説明を入力してください

およびスクリプトエラー：

Argument given to addRows must be either a number or an array.

初めて使用します。だから私は何をすべきかわかりません。mvc3でチャートを使用する方法。十分な例はありません。

ありがとう。

4

1 に答える 1

-1 
data.addRows(rows);

'rows'は配列である必要があります-次のようなものです：

data.addRows([
  [new Date(1977,2,28)], 1, 2, 3],
  [new Date(1977,2,28)], 1, 2, 3]
]);

または、jsonDataを構造全体にすることもできます。

{
    "cols": [
        {"id": "", "label": "Date", "type": "date"},
        {"id": "", "label": "T1",   "type": "number"}
    ],
    "rows": [
        {"c":[{"v": "Apr 24th"}, {"v": 56000} ]},
        {"c":[{"v": "May 3rd" }, {"v": 68000} ]}
    ]
}
于 2012-07-19T23:05:45.003 に答える