使用Bootstrap tab切换引入echarts图表。第一个tab显示正常,
使用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
注意权重覆盖
声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。
- 上一篇: tab切换echarts无法正常显示
- 下一篇: Tab的切换问题:Tab的显示和隐藏