Erstellen Sie ein dynamisches Array für Google Diagramm

Question

Ich versuche derzeit, ein Liniendiagramm mit Google-Karten zu generieren. so brauche ich ein dynamisches Array von Datum zu erzeugen und den Wert gegeben, wie unten

data.addColumn('date', 'Time of Day'); 
    data.addColumn('number', 'Rating'); 

data.addRows([ 
     [new Date(2015, 0, 1),5], [new Date(2015, 0, 2), 7], [new Date(2015, 0, 3), 3] 
     ]); 

Ich versuche, ein Array

[[new Date (2015, 0, 1) zu schaffen, 5] [new Date (2015, 0, 2), 7], [new Datum (2015, 0, 3) 3]]

for(var i=1; i<=10 ;i++){ 
    var last = new Date(date.getTime() - (i * 24 * 60 * 60 * 1000)); 
    var day =last.getDate(); 
    var month=last.getMonth()+1; 
    var year=last.getFullYear(); 
    row[i]=[] 
    row[i][0] = new Date(year,month,day); 
    row[i][1]=5; 

    } 
data.addRows(row); 

Es zeigt und Fehler in in firebug

Jede angegebene Zeile muss entweder null oder ein Array sein.

Entschuldigung, ich bin neu in JS.please hilf mir zu tun. Gibt es ein Problem beim Generieren von Arrays oder anderen?

Answer 1

statt addRows zu verwenden, verwenden addRow

dann füttern nur das Array direkt

data.addRow([new Date(year,month,day), i]);

siehe folgendes Beispiel ...

google.charts.load('current', { 
 
    callback: function() { 
 
    // create data table 
 
    var data = new google.visualization.DataTable(); 
 
    data.addColumn('date', 'Time of Day'); 
 
    data.addColumn('number', 'Rating'); 
 

 
    // load data table 
 
    var date = new Date(); 
 
    for (var i=1; i<=10; i++) { 
 
     var last = new Date(date.getTime() - (i * 24 * 60 * 60 * 1000)); 
 
     var day = last.getDate(); 
 
     var month = last.getMonth()+1; 
 
     var year = last.getFullYear(); 
 
     data.addRow([new Date(year,month,day), i]); 
 
    } 
 

 
    var chart = new google.visualization.BarChart(document.getElementById('barChart')); 
 
    chart.draw(data, { 
 
     title: 'My Bar chart', 
 
     is3D: 'true' 
 
    }); 
 
    }, 
 
    packages: ['corechart'] 
 
});

<script src="https://www.gstatic.com/charts/loader.js"></script> 
 
<div id="barChart"></div>