Echarts 图表放到bootstrap的tab-panel中不加载

2024年4月23日 89次阅读 来源: 军行天下

使用百度echarts发现当用bootsrap tap选项卡时出现除了默认显示tab内，其他tab内都无图表生成

原因是bootstrap不显示tab的display为none导致图表无法植入

解决如下（重置一下样式）：
.tab-content > .tab-pane,
.pill-content > .pill-pane {

display: block;     /* undo display:none          */
height: 0;          /* height:0 is also invisible */
overflow-y: hidden; /* no-overflow                */

}
.tab-content > .active,
.pill-content > .active {

height: auto;       /* let the content decide it  */

} /* bootstrap hack end

注意权重覆盖

    原文作者：军行天下
    原文地址: https://segmentfault.com/a/1190000004338672
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞