在Google圖表中的折線圖中添加一個for循環

Question

我想添加一個for循環，以將數據循環到我的Google Chart。 下面的代碼顯示了我已經走了多遠。

var line_div = '2016-08-04,4|2016-08-05,7|2016-08-06,9|2016-08-07,2';
var line = line_div.split(/[,|]/);
var array_dt = line.filter((x,i) => (i%2!==0));
var array_s = line.filter((x,i) => (i%2===0));

var line_data = google.visualization.arrayToDataTable([
    ['Date', 'Log'],
    ['2016-08-04', 134]
]);

這是我嘗試的方式。 虛線部分是我無法弄清楚如何管理它的地方。 而且我知道我做錯了，但我不知道其他解決方案。

var line_data = google.visualization.arrayToDataTable([
    for(var i = 0; i < line.length; i++) {
        ['Date', 'Log'],
        [...]
    }
]);

我該怎么做？

Answer 1

您需要先構建數組，然后arrayToDataTable

 google.charts.load('current', { callback: function () { var line_div = '2016-08-04,4|2016-08-05,7|2016-08-06,9|2016-08-07,2'; var line = line_div.split(/[,|]/); var array_dt = line.filter((x,i) => (i%2!==0)); var array_s = line.filter((x,i) => (i%2===0)); var dataRows = [['Date', 'Log']]; for (var i = 0; i < array_s.length; i++) { dataRows.push([array_s[i], parseFloat(array_dt[i])]); } var line_data = google.visualization.arrayToDataTable(dataRows); var chart = new google.visualization.LineChart(document.getElementById('chart_div')); chart.draw(line_data); }, packages: ['corechart'] }); 

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