5

に動的データを挿入するタスクがありますGoogle PieChart。

遊び場

そのリンクに、次のコードを挿入します。

function drawVisualization() {
// Create and populate the data table.
var data = google.visualization.DataTable();

var mycars=["Saab","Volvo","BMW"];
var mypoints=[4,12,45];

data.addColumn('string', 'Cars');
data.addColumn('number', 'Numbers'); 
data.addRows(mycars.length);
for  (var i = 0; i < mycars.length; i++){
  data.setCell(i,0,mycars[i]);
  data.setCell(i,1,mypoints[i]);
}
// Create and draw the visualization.
new google.visualization.PieChart(document.getElementById('visualization')).
draw(data, {title:"So, how was your day?"});
}

</p>

次の例では、動的配列mycarsとを取得しmypoints、それらの配列を 内のチャートに挿入しようとしていますfor loop。

円グラフが表示されません。それの何がいけないの？

4

2 に答える 2

3

JavaScript エラーが発生しました。newDataTable をインスタンス化するときは、キーワードを使用する必要があります。

交換

var data = google.visualization.DataTable();

と

var data = new google.visualization.DataTable();
于 2013-02-04T22:14:36.197 に答える
0

次のようなjqueryのコードを使用して問題を解決しました：

$("#piechart_3d").show();
google.load("visualization", "1", {
    packages: ["corechart"], callback: function () {
        var data = google.visualization.arrayToDataTable([
                        ['Going', 'a Day'],
                        ['Car', 11],
                        ['Bus', 2],
                        ['Moto', 2]
                    ]);
        var options = {
                        title: 'Report',
                        backgroundColor: 'transparent',
                        is3D: true,
                    };

        var chart = new google.visualization.PieChart(document.getElementById('piechart_3d'));
        chart.draw(data, options);
    }
});
于 2013-08-25T20:09:16.593 に答える