echarts图表初始化到隐藏的div中造成宽高比例不对问题解决

问题描述：
最近在做Echarts，下图是两个Echarts图表，可以点击月视图和年视图来切换。我的思路是使用ajax获得数据后，初始化这两个图表，然后通过点击来切换，但是在将隐藏的div显示出来时，图表的长宽比例错乱，宽度被限定成了100px。如下图

这是因为在初始化图表时由于div被隐藏了，他的宽高无法获取，所以就自动给了一个宽度。下面是我的思路。话不多说，先看代码。
1.html代码

 <ul class="nav nav-tabs">
    <li class="active"><a href="#tab1" data-toggle="tab">月</a></li><!--默认选中-->
    <li><a href="#tab2" data-toggle=