Chèn dữ liệu động vào Biểu đồ hình tròn của Google

Question

Tôi có nhiệm vụ chèn dữ liệu động vào Google PieChart.

Playground

Trong liên kết mà tôi chèn mã này:

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

Trong ví dụ sau tôi nhận được mảng động mycars và mypoints, sau đó tôi cố gắng để chèn những mảng biểu đồ trong phạm vi for loop.

PieChart không hiển thị. Có chuyện gì vậy?

Answer 1

Bạn gặp lỗi javascript. Bạn cần sử dụng từ khóa new khi khởi tạo DataTable.

Thay

var data = google.visualization.DataTable(); 

với

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

Answer 2

tôi giải quyết vấn đề sử dụng mã trong jquery như thế này:

$("#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); 
    } 
});