bootstrap中tab echart 圖表顯示不出的解決方法

首先須要使用javascript 來啓動tab標籤頁

<ul id="myTab" class="nav nav-tabs">
	<li class="active">
		<a href="#ta_1">
			 圖表
		</a>
	</li>
	<li><a href="#ios">iOS</a></li>
	<li><a href="#android">android</a></li>

</ul>

 <div class="tab-pane" id="ta_1">
	<div id="scatter1" style="height:200px;"></div>
 </div><!-- /.tab-pane -->

$('#zidingyiqunChart li a').click(function (e) {
			 e.preventDefault();
			 $(this).tab('show');
			 var myChart = echarts.init(document.getElementById('scatter1'),theme);
		     myChart.setOption(option);
})

須要切換tab時 從新init 和setOption下，不然圖形顯示不出。