Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/465.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 谷歌折线图正在画额外的线_Javascript_Charts_Google Visualization_Linechart - Fatal编程技术网

Javascript 谷歌折线图正在画额外的线

Javascript 谷歌折线图正在画额外的线,javascript,charts,google-visualization,linechart,Javascript,Charts,Google Visualization,Linechart,我有一个折线图来画多个值,但它画了额外的角度线,我检查了我的数据没有重复。这就是它的样子: 我的图表选项很简单: var options = { "legend": { "position": "top"}, "hAxis": { title: "Time of Day" }, vAxis: { "textPosition": "out", textStyle: {color: '#328332'},

我有一个折线图来画多个值,但它画了额外的角度线,我检查了我的数据没有重复。这就是它的样子:

我的图表选项很简单:

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);
var选项={
“图例”:{“位置”:“顶部”},
“哈克斯”:{
标题:“一天中的时间”
},
言辞:{
“textPosition”:“out”,
textStyle:{color:'#328332'},
标题:“电压(V)”,
titleTextStyle:{颜色:'#328332'},
}
}
var chartId=‘记录图表’;
var dt=new google.visualization.DataTable();
dt.addColumn('datetime','Date');
dt.addColumn('数字','电压');
var数据=[];
对于(变量i=0;i<$scope.data.length;i++){
数据[i]=[
$scope.data[i]。时间,
$scope.data[i]。电压,
];
}
dt.addRows(数据);
var chart=new google.visualization.LineChart(document.getElementById(chartId));
图表绘制(RTRecordsDataable,选项);

为什么图表会以这种奇怪的行为连接数据?我能做些什么来避免它呢?

看起来您需要按第一列(日期)对数据进行排序,
在绘制图表之前

dt.addRows(data);

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

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

向你致敬@WhiteHat=这就解决了!!谢谢