关于echarts同页面多个图表出现的问题

Question

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

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


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

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

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


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

Answer 1

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

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

方法二：setOptions后，resize一次；

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

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