<div class="col-sm-6 col-xl-2">
<ul id="myTab" class="nav nav-tabs">
<li class="active ac_one" style="margin-left:10px">
<a href="#A" data-toggle="tab"> 地域分布 </a>
</li>
<li><a href="#B" data-toggle="tab">时间分布</a></li>
</ul>
<div id="myTabContent" class="tab-content">
<div class="tab-pane fade in active" id="A">
<div id="mainA" style="height:250px"></div>
</div>
<div class="tab-pane fade" id="B">
<div id="mainB" style="height:250px;"></div>
</div>
</div>
</div>
/*Tab 切换 Echart非默认不显示*/
.tab-content > .tab-pane,.pill-content > .pill-pane {
display: block !important;
height: 0 !important;
overflow-y: hidden !important;
}
.tab-content > .active,.pill-content > .active {
height: auto !important;
}