簡體   English   中英

為Google圖表創建動態數組

[英]Create Dynamic array for google Chart

我目前正在嘗試使用Google圖表生成折線圖。 所以我需要生成一個動態的日期數組和下面給出的值

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

我嘗試創建一個數組

[[新日期(2015年,0,1),5],[新日期(2015年,0,2),7],[新日期(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);

它在fireBug中顯示和錯誤

給定的每一行必須為null或數組。

對不起,我是JS的新手。請幫我做。 生成數組或其他任何問題?

而是采用addRows ,使用addRow

然后直接喂數組

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

見以下例子......

 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> 

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM