關於echarts在默認隱藏的div中不顯示的問題解決

關於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>

同樣的原因很多插件初始化需要定義內聯樣式或內部樣式、外部樣式。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章