在寫echarts圖表的折線圖是時發現

后端給的數據有點問題

在這里插入代碼片 [ { date:"2021-10", num:"2" },{ date:"2021-05", num:"2" }, ] //后端給的這樣的數據，這種不經過處理當然沒有辦法顯示在合適的月份所以要對數據進行處理 //我的想法是先創建一個數組12個數據都是0 let data = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0] //然后將月份當做下標將月份的數據補進data中 //arr是要補充的數組 //item是要補充的內容 //index是要補充的位置insert(arr, item, index) {console.log(arr.splice(index, 1), item, index)//如果沒有這一步數組的長度為12+后端給的那幾條數據return arr.slice(0, index).concat(item, arr.slice(index))},//這樣最終返回的數組長度為12//直接調用這個方法data = this.insert(data, item.num, item.formatDate.slice(-2) - 1)//item.formatDate:2021-02或2021-11//判斷最后的兩個字符串是否是01,02這種的 最后的-1是因為月份從1開始的而下標確實從0開始的if (item.formatDate.slice(-2)[0] == 0) {this.month = this.insert(this.month, item.num, item.formatDate.slice(-2)[1] - 1)} else {this.month = this.insert(this.month, item.num, item.formatDate.slice(-2) - 1)}

由于這些數據是展示的近12個月的內容所以echarts右側應該顯示當前月份

window.addEventListener('resize', () => {//根據屏幕變化來重新渲染domemyChart.resize()})const xData = (function () {const data = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']const today = new Date()const month = today.getMonth()// console.log(data.length)for (let i = 0; i < data.length; i++) {if (i === month) {data.splice(0, data.length, ...data.slice(i + 1, data.length).concat(...data.slice(0, i + 1)))}}return data//比如當前為一月份那么返回的data：【'2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'，'1月'】}())

總結

以上是生活随笔為你收集整理的echarts中月份数据缺少怎么补齐呢？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。