ECharts3 實現資料動態更新3+時間座標,資料累積
阿新 • • 發佈:2019-01-28
程式碼修改自ECharts3文件非同步資料載入和更新中的資料的動態更新部分,原示例固定顯示若干資料,簡單進行了修改,資料累積加上時間座標。
是否累積資料的關鍵在於shift(),去掉shift()之後即累積資料。
其實ECharts3之後更新資料挺簡單的,越來越清晰。
var date = [];
var data = [Math.random() * 150];
var now = new Date();
function addData() {
ss=now.getTime() % 60000
seconds=ss = (ss - (ss % 1000)) / 1000
now = [now.getHours(),now.getMinutes(),seconds].join(':' );
date.push(now);
data.push((Math.random() - 0.4) * 10 + data[data.length - 1]);
now = new Date();
}
option = {
xAxis: {
type: 'category',
boundaryGap: false,
data: date
},
yAxis: {
boundaryGap: [0, '20%'],
type: 'value'
},
series: [
{
name:'成交' ,
type:'line',
smooth:true,
symbol: 'none',
stack: 'a',
areaStyle: {
normal: {}
},
data: data
}
]
};
setInterval(function () {
addData(true);
myChart.setOption({
xAxis: {
data: date
},
series: [{
name:'成交' ,
data: data
}]
});
}, 1000);