解决ECHARTS切换图表获取不到width跟height的问题

最近用到ECHARTS,一个非常强大的图表插件,但是在将图表隐藏后在显示时候会出现获取不到宽高的情况,网上有重新设置宽高的方法,我没有试过,我个人的解决方法是在初始化完成时在将要隐藏的图表隐藏起来,这样宽跟高都是已经获取后才去隐藏的,所以切换时能正常显示,也不会报宽高获取不到的错误

       <div class="gram">
        <span id="histogram" class="gramsty"></span>
        <span id="broline"  class="gramsty" ></span>
        <span id="piechart" class="gramsty"style="margin-left:8%;" ></span>
       </div>

JS初始化表格…………………..
页面加载完成后执行

        $(function(){ 
             var broline=document.getElementById("broline");
             broline.style.display="none";
            }); 

将折线图隐藏

效果图