vue 左侧菜单展开隐藏重新渲染

左侧菜单隐藏的时候加载echarts图表

点击展开左侧菜单时，echarts图表没有重新渲染
，窗体布局变得很难看，如图

一直没找到解决办法，求高手指点

handleChange () {
this.$emit('on-change', !this.collapsed)
setTimeout(function(){
var evt = window.document.createEvent("UIEvents");
evt.initUIEvent("resize", true, false, window, 0);
window.dispatchEvent(evt);
},200);
}

加个监控就行了( window.onresize):

let home1 = echarts.init(document.getElementById('home1'));

home1.setOption({
...
});

window.onresize = function () {
            home1.resize();
}