使用Bootstrap tab切换引入echarts图表。第一个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
注意权重覆盖