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

743 查看

使用百度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

注意权重覆盖