1. 程式人生 > >ECharts3 實現資料動態更新3+時間座標,資料累積

ECharts3 實現資料動態更新3+時間座標,資料累積

程式碼修改自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);