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

一般 我们需要自适应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
文章版权归作者所有,未经允许请勿转载。


共有 0 条评论