从后台传入的java数据怎么放到echarts中,期待你的回复

rose12345 发布于 2014/04/24 21:46
阅读 7K+
收藏 1

@圣杰是也 你好,想跟你请教个问题:从后台传入的java数据怎么放到echarts中,期待你的回复

加载中
0
圣杰是也
圣杰是也

你好,首先java服务器端,我把数据转化为json格式传到页面中,在echarts中用ajax取到相应的数据.按照echarts官方实例:比如http://echarts.baidu.com/doc/example/line1.html 中的,将相应数据放到里面就好.

我写了个小实例,希望对你有帮助.

//展示pie
function showpie(charDivId,pss_finance_cata,radius){
		// 按需加载
		require(
		    [
				'echarts',
				'echarts/chart/pie',
		    ],
		    function(echarts){
//这是将pie图展示到哪个div中
		    	var charDiv = document.getElementById(charDivId);
//先清空.
		    	$("#"+charDivId).empty();
//初始化
		    	var fundsTypeChart = echarts.init(charDiv);
			$.ajax({
				url:"/xxx/getdatefromjson",
				type:"post",
				data:{xx,yy,zz},
				success:function(data){
					var array = new Array();
					var legendArr=new Array();
					var results = data.xx;
					for(var i=0; i<results.length; i++){
						legendArr.push(results[i].name);
						array.push({value:results[i].value,name:results[i].name});
					}
					showChart(fundsTypeChart,pss_finance_cata+"统计",legendArr,array,radius);
				}
			});
			});
	}

你可以试试.



返回顶部
顶部