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

作者: 简数科技 | 来源:发表于2017-12-20 14:24 被阅读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处理一下。需要注意,很多时候从后台拿过来的数据看起来是数值,实际都是字符串。这个时候必须进行类型转化。

    相关文章

      网友评论

        本文标题:Highcharts从后台拿过来的数据转换成符合3D pie的格

        本文链接:https://www.haomeiwen.com/subject/tgegwxtx.html