How-to-resize-echart-in-vue

echart在vue中自适应宽度变化

头像
逆旅 2022-11-06T18:53:36

代码如下:

    mounted() {
    //……
      window.onresize = () => {
        if (this.eChart) {
          this.eChart.resize();
        }
      };
      //……
    },

解释:
this.eChart是实例化的echart,this.eChart默认为null,在mounted中监听window.onresize事件时,我们需要判断this.eChart是否已经实例化,不然会报错。

echart自适应例子

最后修改: 2022-11-06T18:59:22

版权声明:署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)

comment 评论

验证图片
评论
仿 Valine