参考了此文,并且强烈建议去看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)
});
}
添加了延迟函数是为了增强一下性能