现在一个页面上有三个图表，其中两个图表在一个盒子里：

点击切换显示第三个图表：


点歌图表会缩的很小，
但是如果缩放屏幕，又会恢复正常大小：

但切换到两个图表的那个盒子：

之前的两个图表就会缩小，
这是代码：


，请问一下，大佬们，这个咋解决啊？？

方法一：外盒子设置绝对定位

用绝对定位，可以让一开始图表自动适应宽高；

方法二：setOptions后，resize一次；

把所有图表resize方法，封装到一块；
在setOptions时，重新调整大小即可；

myCahrt.setOptions(...);
myCahrt.resize();   // 数据配置完成后，重新resize一遍

我觉得是以为你应该初始化一个echart图表，然后切换的时候就修改数据，图表就会变化，你初始化3个图表，另外两个一开始在页面没有占到空间，所以他就会很小

先提几个楼主代码写法的问题：

1. 使用花括号，楼主的意思是想使用块级作用域，但是你定义变量用的是var，不存在块级作用域
2. 楼主使用的vue，在访问dom的时候建议使用$refs
3. 楼主的resize没有防抖，也没有地方回收

切换之后，重新渲染配置信息就ok了