使用echarts构建数据图(line、bar、pie)seires中data传值问题

首先我在后端返回时自定义了返回对象是[{name,value},....]形式

如图

使用echarts构建数据图(line、bar、pie)seires中data传值问题_第1张图片

 通过ajax请求接口得到list

然后处理一下

分别列举三种图形的data传值方式

Line

$.ajax({
			type : "GET",
			url : "/dataAnalysis/userCount",
			dataType : "json",
			success : function(r) {
                var data = r.data;
				var xArray = new Array();
		        var yArray = new Array();
		        for (var i = 0; i < data.length; i++) {
			        xArray[i] = data[i].name;
			        yArray[i] = data[i].count;
		        }
			}
		});

此时xArray与yArray分别对应xy轴对应点

将他们分别放置在如图位置即可

使用echarts构建数据图(line、bar、pie)seires中data传值问题_第2张图片

你可能感兴趣的:(#,echarts,Java,echarts,series)