鍍金池/ 問(wèn)答/HTML/ vue項(xiàng)目引入echarts折線圖 橫坐標(biāo)顯示問(wèn)題

vue項(xiàng)目引入echarts折線圖 橫坐標(biāo)顯示問(wèn)題

1:?jiǎn)栴}描述
用vue的elmentui做后臺(tái)系統(tǒng)!利用echarts展示數(shù)據(jù)(折線圖)!發(fā)現(xiàn)在數(shù)據(jù)正常的情況下引入更新橫坐標(biāo)顯示有問(wèn)題!橫坐標(biāo)數(shù)組為空則顯示正常!

2:相關(guān)代碼

axios.get(url).then((res) => {
        let data = res.data.resultset
        this.$nextTick(function () {
          let self = this
          self.xAxisData = []
          self.pv = []
          self.uv = []
          self.uv1 = []
          self.uv3 = []
          data.forEach(function (value, key) {
            // 針對(duì)畫(huà)圖填入相關(guān)數(shù)據(jù)
            
            
            **// self.xAxisData.push(value.date_str)
            self.pv.push(value.pv)
            self.uv.push(value.uv)
            self.uv1.push(value.uv1)
            self.uv3.push(value.uv3)**
            
            
          })
          console.log(this.xAxisData)
          this.drawPie('pic_1')
        })
      }).catch((error) => {
        console.log(error)
      })

其中**包裹的就是從接口讀取出來(lái)數(shù)據(jù) 給相關(guān)數(shù)組賦值 數(shù)據(jù)均為正確 將self.xAxisData不賦值也就是默認(rèn)為空的情況下顯示正常 如果正常加入數(shù)據(jù)顯示不正常!

3:無(wú)報(bào)錯(cuò)信息

4:正確折現(xiàn)展示如下圖片描述

錯(cuò)誤展示如下圖片描述

5:嘗試哪些解決方式
將橫向數(shù)據(jù)默認(rèn)寫(xiě)死依然不能正確顯示 在網(wǎng)上也沒(méi)有相關(guān)類似情況

回答
編輯回答
別瞎鬧

去掉 stack圖片描述

2017年1月14日 07:11