点击不同的tab按钮传过来不同的参数实现echarts的数据切换

Question

一个div里有两个tab 点击tab1 显示echarts图，数据是1的数据，点击tab2 显示echart图，数据是2的数据

Answer 1

1--在tab导航中加入radio单选按钮并隐藏，当第二个tab被选中的时候，再初始化图表数据，导航代码如下：
<ul class="tab-nav-list clearfix">

<li class="active">
<label><span>数据分析</span>
<input class="tabToggle hide" type="radio" name="tabToggle" value="0"/></label>
</li>
<li>
<label><span>用户分析</span>
<input class="tabToggle hide" type="radio" name="tabToggle" value="1" /></label>
</li>
<li><span>页面分析</span></li>
</ul>
2--设置被选中监听函数，在第二个tab被选中时初始化图表： initDataAnalyze();//第一个tab图表初始化
$(".tabToggle").click(function () {
if ($(this).val() == 1) {

initUserAnalyze();//第二个tab图表初始化
}
});

经过以上两个步骤后得以正常显示，当然，再多个tab中也可以使用这种方式。