Googleの円グラフに動的データを挿入

Question

私はGoogle PieChartに動的データを挿入するタスクがあります。そのリンクで

Playground

私はこのコードを挿入します。次の例で

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

をIダイナミックアレイmycarsとmypointsを取得し、私はチャートにそれらの配列を挿入しようfor loop以内。

PieChartが表示されていません。それのどこが悪いんだい？

Answer 1

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

var data = new google.visualization.DataTable(); 

Answer 2

と

var data = google.visualization.DataTable(); 

を交換し、私はこのように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); 
    } 
});