视图: 

 Highcharts 饼图动态更新问题

ajax代码:

function mainChartsAjax(NAME_EN,doType){
	ajaxData = [];
	ajaxDataS = [];
	$.ajax({
		type: "POST",
		url: '<%=basePath%>correcting/getSysPlyDoCount.do',
		async: false,
		data: {doType:doType,NAME_EN:NAME_EN},
		dataType:'json',
		cache: false,
		success: function(data){
			if(data.result == "success"){
			$(data.pageDatas).each(function(i,n){
				id = n['NAME'];
				value = n['Y'];
				ajaxData.push({name:id,y:value});
			}); 
			mainCharts(NAME_EN,ajaxData,data.areaName);
			}
		}

	});
}

统计图代码: 

function mainChartsS(id,datas,areaName){
		Highcharts.chart(id, {
			credits: {                                
				 enabled: false,                    //去掉版权信息
			 },
			chart: {
					plotBackgroundColor: null,
					plotBorderWidth: null,
					plotShadow: false,
					type: 'pie'
			},
			title: {
					text: areaName+'保单操作总量及占比(%)'
			},
			tooltip: {
					pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
			},
			plotOptions: {
					pie: {
							allowPointSelect: true,
							cursor: 'pointer',
							dataLabels: {
									enabled: true
							},
							showInLegend: true
					}
			},
			series: [{
					name: 'Brands',
					colorByPoint: true,
					data: datas
			}]
	});
}

 

相关文章: