1、饼图数据格式完整的饼图数据格式应该是:series: }] 如果饼图的每个数据都是简单的 name 和 y ,那么就可以简写成 “, ” 形式了,也可以混合写series: , , { name: 'IE', y: 20, color: 'red' }, ] }] 2、后端 ...
1、饼图数据格式
完整的饼图数据格式应该是:
series: [{
name: 'pie',
data: [{
name: 'data1',
y: 20
},{
name: 'data2',
y: 40,
// 还可以有其他数据点的配置,例如 color
}]
}]
如果饼图的每个数据都是简单的 name 和 y ,那么就可以简写成 “['Firefox', 20], ['chrome', 40]” 形式了,也可以混合写
series: [{
name: 'pie',
data: [
['firefox', 40],
['chrome', 50],
{
name: 'IE',
y: 20,
color: 'red'
},
['other', 30]
]
}]
2、后端怎么处理成简写的形式
// 数据查询出结果集
List result = ;
List> resultList = new ArrayList>();
// 循环遍历查询结果集
for(UserCount u : result) {
List temp = new ArrayList();
temp.push(u.getName());
temp.push(u.getAge());
resultList.push(temp);
}
// toJson(resultList);
3、js 处理的方法是:
/**
* data = [{name: 'xx', age: 20}, {name: 'sdsd', age: 40}]
*/
var seriesData = [];
for (var i = 0; i < data.length; i++) {
var singleData = [];
singleData.push(data[i].name);
singleData.push(data[i].age);
seriesData.push(singleData);
}
用js处理一下。需要注意,很多时候从后台拿过来的数据看起来是数值,实际都是字符串。这个时候必须进行类型转化。
网友评论