Highcharts 中文社区

 找回密码
 立即注册
Highcharts 中文社区 门户 HC 学院 查看内容

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

2016-11-4 23:16| 发布者: 彭芳| 查看: 355| 评论: 0

摘要: 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<UserCount> result = ;

    List<List<Object>> resultList = new ArrayList<List<Object>>();


// 循环遍历查询结果集
for(UserCount u : result) {

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

4

路过

雷人

握手

鲜花

鸡蛋

刚表态过的朋友 (4 人)

上一篇:饼图类问题

最新评论

返回顶部