Highcharts数据可视化控件LightningChart业界最快速.NET数据可视化工具包数据可视化

Highcharts从后台拿过来的数据转换成符合3D pie的格

2017-12-20  本文已影响1人  简数科技

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处理一下。需要注意,很多时候从后台拿过来的数据看起来是数值,实际都是字符串。这个时候必须进行类型转化。

上一篇 下一篇

猜你喜欢

热点阅读