Wie dynamisch Sie Zeile Hinzufügen, Um Google-Karte mit for-Schleife

Problem Habe ich in Google Diagramm .

Ich bin mit asp.net Mvc . Nachdem ich abrufen von Daten aus dem controller , ich gebe es in Google Diagramm .

verwenden, wenn ich manuell Daten , zum Beispiel

wenn ich diese `

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

Es mir richtig .

aber Wie kann ich meine Daten dynamisch in Google chart

dies ist mein Code

  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);
            }
Wie hast du zuweisen chartsdata?

InformationsquelleAutor user3087357 | 2015-01-27

  1. 5

    Den Weg, die Sie tun, ist falsch.Sie sollten etwas tun, wie unten:

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

    InformationsquelleAutor prjrbn

  2. 5

    können Sie "google.visualization.DataTable()" und seine "addRow()" Google code

    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]);
}
    Das war einfach und funktionierte gut für mich, danke.

    InformationsquelleAutor Manoj De Mel

  3. 0

    Für mich gelöst:

    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);
      temp.push("red"); //this will change based on value of 'i' variable
      data.push(temp);
  }

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

    InformationsquelleAutor Mayur Nirmal

Schreibe einen Kommentar