完美解决多个Echarts图表自适应窗口、父容器宽高，并进行性能优化

场景

很多时候我们会在绘制echarts图表时，使用以下方法监听浏览器尺寸变化，让图表resize()完成自适应

window.addEventListener('resize', ()=>{
   
   
	wordCloudChart.resize()
})

然后，这种自适应真的足够周全嘛？有些时候，比如在B端，经常会有侧边栏的宽度变化影响我们工作区各种div的尺寸自动变化，如果淡村使用addEventListener，那么图表是不会resize()的，问题就出现了。这时候就迫切地需要echarts能够随父容器尺寸变化而响应式调整自身尺寸

解决方案 - ResizeObserver API

浏览器提供的这个API可以监听指定单个element元素的尺寸变化，并在变化时触发对应的回调函数，借此我们可以来监听父容器尺寸变化从而触发resize()

举个例子

<el-col :span="9" class="chartContainer" id="wc">
    <div class="