Cách động Thêm hàng vào Biểu đồ Google với vòng lặp

Question

Tôi gặp sự cố trong biểu đồ của Google.

Tôi đang sử dụng asp.net Mvc. Sau khi tôi lấy dữ liệu từ bộ điều khiển, tôi chuyển nó vào biểu đồ Google.

khi tôi sử dụng dữ liệu thủ công, ví dụ

khi tôi sử dụng này `

['Month', 'Bolivia', 'Ecuador', 'Madagascar', 'Papua New Guinea', 'Rwanda', 'Average'], 
['2004/05', 165,  938,   522,    998,   450,  614.6], 

Nó cho tôi một cách chính xác.

nhưng thế nào tôi có thể thêm dữ liệu của tôi tự động vào biểu đồ Google

đây là Mã

success: function (chartsdata) { 


      debugger; 
      for (var i = 0; i < chartsdata.length; i++) { 

       var data = google.visualization.arrayToDataTable([ 
           ['Element', 'Density', { role: 'style' }], 
           [chartsdata[i].MonthValue , chartsdata[i].CountValue, '#b87333'] 

       ]); 

       debugger; 
       var options = { 
        title: '', 

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

Answer 1

tôi Cách bạn đang làm là wrong.You nên làm một cái gì đó như dưới đây:

var data=[]; 
var Header= ['Element', 'Density', { role: 'style' }]; 
data.push(Header); 
for (var i = 0; i < chartsdata.length; i++) { 
     var temp=[]; 
     temp.push(chartsdata[i].MonthValue); 
     temp.push(chartsdata[i].CountValue); 

     data.push(temp); 
    } 
var chartdata = new google.visualization.arrayToDataTable(data); 

Answer 2

bạn có thể sử dụng "google.visualization.DataTable()" và "addRow()" Google code

của chúng tôi

var data = new google.visualization.DataTable(); 
data.addColumn('string', 'Month'); 
data.addColumn('number', 'Count'); 

for (var i = 0; i < chartsdata.length; i++) { 
    data.addRow([chartsdata[i].month, chartsdata[i].count]); 
}