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

chat

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


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

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

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

版权声明:
作者:东明兄
链接:https://blog.crazyming.com/note/918/
来源:CrazyMing
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
海报
页面上有多个echart图表时 resize 无法自适应
一般 我们需要自适应echart图表的时候回这样写: 监听窗口变化 ,当窗体变化时 ,( this.chart是一个图表实例,我在这里是保存在vue组件的data里)调用echart图表实……
<<上一篇
下一篇>>
chat