vue+Echarts动态数据已经赋值,但是无法渲染页面的问题 ———————————————— 版权声明:本文为CSDN博主「高小胖爱胡小宝」的原创文章,遵循CC 4.0 BY-SA版权协议...

1.通过调用后台的接口,给option里面的data赋值,数据已经绑定,但是页面没有图表显示。

//数据自动刷新,必然需要一个监听机制告诉Echarts重新设置数据

    watch: {

      //观察option的变化

      echarts1_option: {

        handler(newVal, oldVal) {

          if (this.myChart) {

            if (newVal) {

              this.myChart.setOption(newVal);

            } else {

              this.myChart.setOption(oldVal);

            }

          } else {

            this.init();

          }

        },

        deep: true //对象内部属性的监听,关键。

      }

    },

2.以上代码未经验证,明天试一试。

3.没有显示数据的原因,因为请求后台接口是一个异步的请求工作,请求数据有点慢,但是setOption并不会等你拿到数据之后再去画图,数据绑定的原因是因为,你调用了接口,在接口中的那个函数肯定是拿到数据的,但是在setOption那里,你没有拿到数据。

你可能感兴趣的:(vue+Echarts动态数据已经赋值,但是无法渲染页面的问题 ———————————————— 版权声明:本文为CSDN博主「高小胖爱胡小宝」的原创文章,遵循CC 4.0 BY-SA版权协议...)