基于JSON数据创建列表

时间:2015-04-10 07:59:09

标签: jquery json highcharts

我有这个字典的json数组:

my_json == [
    { name: 'Allen', 'pass': 14, 'fail': 2 },
    { name: 'Meg', 'pass': 14, 'fail': 2 },
    { name: 'Catty', 'pass': 10, 'fail': 3 } 
]

我正在使用此数据创建带有向下钻取的高图条形图。 我看了一个小提琴演示,并了解我的数据系列需要采用以下格式:

id:'pass'
data:[[Allen,14],[Meg,14],[Catty,10]
id:'fail'
data:[[Allen,2],[Meg,2],[Catty,3]

这看起来像一个列表列表,我绝对不知道如何提取这类数据 来自上面的JSON。我的需要就是这个。我将只有两个系列:通过/失败。在向下钻取时,我得到了名字 孩子的通过/失败率。

如何从我的JSON数据中提取这些列表?

如果您知道使用highcharts钻取此数据的任何其他更简单的方法,请告诉我。 这是小提琴:Chart fiddle

1 个答案:

答案 0 :(得分:2)

此功能可帮助您获取该格式所需的数据

function formatData (json) {
    var pass = {id: 'pass', data: []};
    var fail = {id : 'fail', data: []};
    for(var index in json) {
        pass.data.push([json[index].name, json[index].pass]);
        fail.data.push([json[index].name, json[index].fail]);
    }
    retrun [pass, fail];
}