![解决Echarts封装成组件时只有最后一个才会缩放的问题 解决Echarts封装成组件时只有最后一个才会缩放的问题](https://image.shishitao.com:8440/aHR0cHM6Ly9ia3FzaW1nLmlrYWZhbi5jb20vdXBsb2FkL2NoYXRncHQtcy5wbmc%2FIQ%3D%3D.png?!?w=700&webp=1)
参考了此文,并且强烈建议去看http://blog.csdn.net/crper/article/details/76091755
一般网上的方法都是
mounted() {
this.drawChart();
window.onresize=()=>{
console.log(this.id)
this.chart.resize();
}
}
这么做,在多个组件的情况下,只有最后一个组件会进行缩放。
其实只需要这么做就可以了:
mounted() {
this.drawChart();
window.addEventListener('resize', ()=>{
setTimeout(() => {this.chart.resize();},100)
});
}
添加了延迟函数是为了增强一下性能