Googleグラフの折れ線グラフにforループを追加

Question

私のGoogle Chartにデータをループするためにforループを追加します。下のコードは、私がどれだけ遠くにいるかを示しています。

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>