有時候我們Echarts圖表可能數(shù)據(jù)不夠，只有一兩條時，呈現(xiàn)效果不是很好

,比如這樣

所以我們需要填充數(shù)據(jù)，讓圖表就算沒有數(shù)據(jù)看起來橫軸也可以接受

// 補時間軸數(shù)值，數(shù)據(jù)不足10條時，補足10條,把時間軸刻度往后推var addTime,y,m,d,Xdata=['2020/04/12'],Ydata=[1500];if(Xdata.length<10){for (let i = 0, l = 10 - Xdata.length; i < l; i++) {addTime = Xdata[Xdata.length-1];addTime = new Date(addTime).getTime()+60*60*24*1000;y = new Date(addTime).getFullYear();m = new Date(addTime).getMonth()+1;d = new Date(addTime).getDate();m = m<10?'0'+m:m;addTime = y+'/'+m+'/'+d;Xdata.push(addTime)Ydata.push('-')}}console.log(Xdata,Ydata);//["2020/04/12", "2020/04/13", "2020/04/14", "2020/04/15", "2020/04/16", "2020/04/17", "2020/04/18", "2020/04/19", "2020/04/20", "2020/04/21"]// [1500, "-", "-", "-", "-", "-", "-", "-", "-", "-"]

?

?

?

?

?

總結(jié)

以上是生活随笔為你收集整理的Echarts时间轴补刻度的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。