echarts宽高自适应

常见的echarts需要自适应的场景
1、使用侧边栏菜单收缩/展开，echarts容器大小变化，但是echarts不重新自适应容器。
2、window窗口改变但是echarts不随着改变，针对这两种echarts不自适应的情况，分享下自己处理方法。

核心点：监听使echarts容器大小发生变化的因素及window窗口改变去调用echarts实例的resize()方法。

问题一解决方案：

//初始化图表
 var myChart = echarts.init(document.getElementById('produce'), 'light');
 myChart.setOption({})

 $('.toggle-menu').click({
	//触发按钮，隐藏页面内某个元素，使得容器宽度变宽
	setTimeout(() => {
     	myChart.resize()
    }, 200)
 })
 

问题二解决方案：

var myChart = echarts.init(document.getElementById('produce'), 'light');
myChart.setOption({})
window.addEventListener('resize', function(){
	myChart.resize()
})