從數組中添加行到谷歌圖表？

我無法將行添加到數組的谷歌圖表中。現在我有下面的代碼，它工作正常。我想用一個for循環來添加行，而不是像現在一樣在我測試時手動添加。我怎樣才能做到這一點？該陣列總共有30個元素。從數組中添加行到谷歌圖表？

function drawChart(array1) { 

// Create the data table. 
var data = new google.visualization.DataTable(); 
data.addColumn('string', 'Day'); 
data.addColumn('number', 'Temperature'); 

data.addRows([ 

    [array1[29], array1[28]], 
    [array1[27], array1[26]], 
    [array1[25], array1[24]], 
    [array1[23], array1[22]], 
    [array1[21], array1[20]], 

    ["Today", array1[0]] 

]); 


var options = {'title':'Historical Temperatures', 

    hAxis: { 
    title: 'Time', 
    logScale: true 
}, 
    vAxis: { 
     title: 'Popularity', 
     logScale: false 
    }, 
    'width':700, 
    'height':300}; 


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

會用以下工作替換data.addRows塊嗎？

for (var i = 20; i < array1.length; i+2) 
{ 
    data.addRows([ 
     [array1[i+1], array1[i]] 
    ]) 
}

來源

2016-05-04 Csw

也許，你嘗試過嗎？ – Feathercrown

我試過了，但腳本/頁面崩潰了，我需要強制退出瀏覽器。 – Csw

。在你的for循環一個錯字：

for (var i = 20; i < array1.length; i+2) // it doesn't update i and enters an infinite loop

應該

for (var i = 20; i < array1.length; i+=2)

來源

2016-05-04 17:29:48 Fabricator

是的，這是造成這個問題。感謝您的發現。 – Csw

從數組中添加行到谷歌圖表？

回答

相關問題