页面上有多个echart图表时 resize 无法自适应

东明兄 2019-08-08
0条评论 2,330 次浏览
东明兄 2019-08-080条评论 2,330 次浏览

一般 我们需要自适应echart图表的时候回这样写:
监听窗口变化 ,当窗体变化时 ,( this.chart是一个图表实例,我在这里是保存在vue组件的data里)调用echart图表实例的resize()方法


window.onresize = () => { this.chart.resize(); }

但是当一个页面有多个echart图表的时,就会出现问题,改为事件监听的方式就可以了:

  window.addEventListener("resize",()=>{
        this.chart.resize();
      })

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注