将 Google Chart 与动态数据表绑定

【问题标题】：Bind Google Chart with Dynamic Datatable将 Google Chart 与动态数据表绑定
【发布时间】：2011-11-22 12:21:28
【问题描述】：

我是第一次使用 Google 饼图 API。我需要将它与我的数据表或 JSON 表绑定，但它不接受任何变量值。有人可以就这个问题提供帮助吗？

【问题讨论】：

是的，请发布您的代码，以便我们查找错误。

【解决方案1】：

我面临同样的问题，我认为这会有所帮助。请阅读以下代码仅供参考：

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);
    });
}

【讨论】：