Highcharts 饼图动态更新问题

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_25623257/article/details/82863115
<script type="text/javascript">
	
		function mainChartsAjax(){
		ajaxData = [];
			$.ajax({
				type: "POST",
				url: '<%=basePath%>correcting/getSysPlyDoCount.do',
				async: false,
		    	data: {	},
				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});
		            }); 
		            alert(ajaxData);
		            mainCharts(ajaxData);
					}
				}
			});
		}
		function mainCharts(datas){
			Highcharts.chart('container', {
				chart: {
						plotBackgroundColor: null,
						plotBorderWidth: null,
						plotShadow: false,
						type: 'pie'
				},
				title: {
						text: '2018 年浏览器市场份额'
				},
				tooltip: {
						pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
				},
				plotOptions: {
						pie: {
								allowPointSelect: true,
								cursor: 'pointer',
								dataLabels: {
										enabled: false
								},
								showInLegend: true
						}
				},
				series: [{
						name: 'Brands',
						colorByPoint: true,
						data: datas
				}]
		});
		}
	</script>
@RequestMapping(value="/getSysPlyDoCount")
	public void getSysPlyDoCount(HttpServletRequest request,HttpServletResponse response,Page page){
		
		System.out.println("======================开始访问方法:"+DateUtil.getSdf_SSSTimes()+"======================");
		logBefore(logger, Jurisdiction.getUsername()+"方法correctPersonInfo");
		//返回的结果
		Map<String, Object> resultRqsMap = new HashMap<String, Object>();
		PageData pd = new PageData();
		pd = this.getPageData();
		List<PageData> pageDatas = new ArrayList<PageData>();
		PrintWriter out  =  null;
		try {
			request.setCharacterEncoding("UTF-8");
			response.setCharacterEncoding("UTF-8");
			out  = response.getWriter();
			pageDatas = correctingManager.findSysPlyDoCount(pd);
		} catch (Exception e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
		resultRqsMap.put("result", "success");
		resultRqsMap.put("pageDatas",pageDatas);
    	JSONObject json = JSONObject.fromObject(resultRqsMap);
        out.print(json.toString());  
	}

猜你喜欢

转载自blog.csdn.net/qq_25623257/article/details/82863115