關於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>
同樣的原因很多插件初始化需要定義內聯樣式或內部樣式、外部樣式。