关于echarts在默认隐藏的div中不显示的问题解决

echarts在初始默认隐藏的div中显示空白，因为Echarts没有获取到宽高导致初始化失败，很多场景需要的在默认隐藏的div中渲染，折叠面板等等，解决办法是指定div的宽高，根据不同使用场景可以通过控制 class 显示或者隐藏实现。

<div class="chart" id="barChart" style="width:364px;height:200px;"></div>

或者

<style>

    .chart{ width: 364px;height: 200px;}

    .hide {display: none;}

    .show {display: block;}

</style>

同样的原因很多插件初始化需要定义内联样式或内部样式、外部样式。