bootstrap中tab echart 图表显示不出的解决方法

首先需要使用javascript 来启动tab标签页

代码语言：javascript复制

<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 -->

代码语言：javascript复制

$('#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下，否则图形显示不出。

(adsbygoogle = window.adsbygoogle || []).push({});

bootstrap

0 人点赞