关于改变屏幕尺寸,echarts图表不会自适应的问题

在项目中我们会遇到echarts不会根据屏幕大小自适应宽度,我们只需要监听窗口页面变化,然后去执行图表初始化的函数就行了,具体方法如下:

在mounted里面增加事件监听器:

  methods: {
      windResize() {
        //在这里调用初始化图表的方法
        this.echarts()
      },
  },
  mounted() {
    window.addEventListener("resize", this.windResize);
  },
    

在页面卸载的时候去除掉监听器:

  destroyed() {
    window.removeEventListener("resize", this.windResize);
  },
posted @ 2022-02-14 14:41  言之空  阅读(688)  评论(0)    收藏  举报