配置项如下
function randomData(next) {
now = new Date(+now + oneDay);
value = value + Math.random() * 21 - next;
return {
name: now.toString(),
value: [
[now.getFullYear(), now.getMonth() + 1, now.getDate()].join('/'),
Math.round(value)
]
}
}
function randomData1(next) {
now1 = new Date(+now1 + oneDay1);
value1 = value1 + Math.random() * 21 - next;
return {
name: now1.toString(),
value: [
[now1.getFullYear(), now1.getMonth() + 1, now1.getDate()].join('/'),
Math.round(value1)
]
}
}
var data1 = [];
var now = +new Date(1997, 9, 3);
var oneDay = 24 * 3600 * 1000;
var value = Math.random() * 1000;
for (var i = 0; i < 1000; i++) {
data1.push(randomData(9));
}
var data2 = [];
var now1 = +new Date(1997, 9, 3);
var oneDay1 = 24 * 3600 * 1000;
var value1 = Math.random() * 2000;
for (var i = 0; i < 1000; i++) {
data2.push(randomData1(10));
}
option = {
title: {
text: ''
},
tooltip: {
trigger: 'axis',
axisPointer: {
animation: false
}
},
xAxis: {
type: 'time',
splitLine: {
show: false
}
},
yAxis: {
name: '设备编号:JJ01',
type: 'value',
boundaryGap: [0, '100%'],
splitLine: {
show: false
},
position: 'left',
},
series: [{
name: 'VD20',
type: 'line',
showSymbol: false,
hoverAnimation: false,
data: data1,
},
{
name: 'VD64',
type: 'line',
showSymbol: false,
hoverAnimation: false,
data: data2,
}
]
};
setInterval(function() {
for (var i = 0; i < 5; i++) {
data1.shift();
data1.push(randomData(9));
data2.shift();
data2.push(randomData1(10));
}
myChart.setOption({
series: [{
data: data1
},
{
data: data2
}
]
})
}, 800);