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

Daming 2019-08-08
0条评论 674 次浏览
Daming 2019-08-080条评论 674 次浏览

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


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

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

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

2+

发表评论

电子邮件地址不会被公开。