使用动态数据表绑定Google Chart

时间:2011-11-22 12:21:28

标签: .net json google-visualization

我第一次使用谷歌饼图API。我需要将它与我的数据表或JSON表绑定,但它不接受任何变量值。任何人都可以就此问题提供帮助吗?

1 个答案:

答案 0 :(得分:0)

我面临同样的问题,我认为这会有所帮助。请阅读下面的代码FYI:

google.load("visualization", "1", {
    packages : [ "corechart" ]
});
google.setOnLoadCallback(drawPieChart);
function drawPieChart() {
    var options = {
        width : 720,
        height : 480,
        title : 'Chart'
    };

    $.getJSON("StockReceiver.jsp", function(json) {
        var data = new google.visualization.DataTable();
        data.addColumn('date', 'Date');
        data.addColumn('number', 'Sales');

        $.each(json, function(i, item) {
            data.addRow([ new Date(item.date), item.open ]);
        });

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