Googleの線グラフは余分な線を描いています

Question

私は多値を描く折れ線グラフを持っていますが、それは余分な線を描いています。これは、それがどのように見えるかです：

私のチャートオプションは単純です：

var options = { 
    "legend": { "position": "top"}, 
    "hAxis": { 
     title: "Time of Day" 
    }, 
    vAxis: { 
     "textPosition": "out", 
     textStyle: {color: '#328332'}, 
     title: "Voltage (V)", 
     titleTextStyle: {color: '#328332'}, 
    } 
} 


var chartId = 'records-chart'; 
var dt = new google.visualization.DataTable(); 
dt.addColumn('datetime', 'Date'); 
dt.addColumn('number', 'Voltage'); 
var data = []; 
for (var i = 0; i < $scope.data.length; i++) { 
     data[i] = [ 
      $scope.data[i].time, 
      $scope.data[i].voltage, 
     ]; 
} 
dt.addRows(data); 

var chart = new google.visualization.LineChart(document.getElementById(chartId)); 
chart.draw(rtRecordsDataTable, options); 

なぜこの奇妙な行動のデータを接続するチャートがありますか？それを避けるために私は何ができますか？あなたは、最初の列（日付）で、グラフを描画する前に
データをソートする必要があるよう

Answer 1

はあなたにオフ...

dt.addRows(data); 

dt.sort([{column: 0}]); 

var chart = new google.visualization.LineChart(document.getElementById(chartId)); 
chart.draw(rtRecordsDataTable, options);