关于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>
同样的原因很多插件初始化需要定义内联样式或内部样式、外部样式。