vue3封装echarts图表数据无法渲染到页面

原创

已于 2023-09-03 09:30:12 修改 · 1.7k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#echarts #前端 #vue

于 2023-09-02 22:51:47 首次发布

问题是后端的数据已经成功返回到前端了，但是Echarts图表一直不能被渲染，卡了一个多小时，最后问gpt才解决（gptyyds！！！）

 methods: {
   
   
    loadGet() {
   
   
      this.$axios.get(this.$httpUrl + '/goods/count').then(res => res.data).then(res => {
   
   
        console.log(res)
        // this.cntdata = res.data
        if (res.code == 200) {
   
   
          // this.yData = res.data
          // this.cntData.length=0;
          for (let i = 0; i < res.data.length; i++) {
   
   
            this.cntData.push(res.data[i]);
          }
          console.log("data = =" + this.cntData + res.data.length)
          this.$message({
   
   
            message: '操作成功！',
            type: <