关于DWZ，jQuery,Hightchar统计饼状图问题。

lgmsyy 2015-05-18 11:06:31

我在网页上做了标签页 “部门1，部门2，部门3”,切换标签页面来统计不同部门的学历情况，代码如下：

success: function(data) {

	

	$(data).each(function (i, item) {				

		var myurl = url + "?rd=" + new Date().getTime();

		body.find(".tabsHeaderContent ul").append('<li><a href="'  + myurl + '" data-id="' + item.id class="j-ajax"><span>' + item.name + '</span></a></li>');

		body.find(".tabsContent").append('<div class="tabs-item"></div>');				



	});

	

	body.find(".pageContent").initUI();

	body.find(".tabsHeaderContent a:first").trigger("click");

}

当我点击部门1的时候，图形可以出来，但是如果点击部门2，部门3图形确出不来呢？？

<script type="text/javascript">



$(document).ready(function() {



	var currenPanel = navTab.getCurrentPanel();

	var viewFull = currenPanel.find(".viewFull");	

	var selected = viewFull.find(".pageContent .tabsHeaderContent .selected");

	var selected = viewFull.find(".selected");

	var id = selected.find("a").data("id");

	

	$.ajax({

		url:  "/List.action",

		type: "post",

		async: true,

		data: { partId: id },

		dataType:"json",

		success: function(data) {//通过ID来判断各个部门，然后返回各个部门的学历情况。

			

			var temStr = [];

			$(data).each(function (i, item) {				

				temStr[i] = [item.name,(i+10)];

			})	

			

			//以下是饼状统计图

			$('.chart-container').highcharts({

				.....

				series: [{

					type: 'pie',

					name: '学历',				

					data: temStr//各个部门的学历情况

				}]

			});

		

		}

	});

	

});



</script>

<div class="chart-container" style="min-width: 400px; height: 200px"></div>