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=这就解决了!!谢谢