echarts 隐藏域（display:none）设置自适应宽度与高度 报错：Can‘t get dom width or height

两个div切换显示，第二个div默认隐藏

当第二个div应用时，因为echarts绘制图表计算宽度的时候，由于第二个tab的属性display: none;所以无法获取到clientWidth，而 parseInt(stl.width, 10)) 将width: 100%;转为100，所以计算出的图表宽度为100px。同样的高度也为100px；

但是我想要的是让它跟着页面的大小进行自适应，所以找了找解决办法。

因为2个div大小是相同的所以可以在echarts加载前给它设置一个宽度与高度，代码贴出来：

    
    //根据自己想要设置的页面百分比进行运算
    //获得第一个div的宽度
    var width=$("#myEchart1").width();
    //获得第一个div的高度
    var height=$("#myEchart1").height()*0.95;

    
    //将你所需要的高度与宽度设置给echarts
    $("#main").css("width", width).css("height", height);
    //初始化echarts
    var myChart = echarts.init(document.getElementById('main'));

后面就是 指定图表的配置项和数据，然后显示就可以了

myChart.setOption(option);