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

最新推荐文章于 2024-01-08 01:15:00 发布

weixin_34126557

最新推荐文章于 2024-01-08 01:15:00 发布

阅读量286

点赞数

文章标签： python javascript ViewUI

原文链接：https://my.oschina.net/u/2612473/blog/808323

版权

2019独角兽企业重金招聘Python工程师标准>>>

首先需要使用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下，否则图形显示不出。

转载于:https://my.oschina.net/u/2612473/blog/808323