如何在highcharts中创建json数组名称系列名称,数组数据 - 系列数据?

时间:2014-04-07 13:53:07

标签: jquery json highcharts

我得到用json编码的数组列表:

 [{"root":[0,0,0,0,0,75,75,100,0,0]}, {"aleks":[2,0,2,1,2,3,4,0,23,12,40]} ...more]

来自我的php文件。

并希望在我的专栏这样的高级图表中显示:

要使用数组名称,根,aleks等命名的每个列系列。 数据系列是他们的数据。

我已尝试使用此代码来提供系列:

 $.ajax({
        url: "p_result.php",
        dataType: "json",
        success: function(data){

            for(var i in data){
                      options.series[i].name = i;
                      options.series[i].data = data[i];
                }
            var chart = new Highcharts.Chart(options);

但是我得到了错误的结果,好吧,没有显示数据。

任何帮助都会受到赞赏。

1 个答案:

答案 0 :(得分:1)

你的for(var i in data)正在迭代外部json数组,而不是迭代数组中的每个对象。

尝试:

for(var i in data){ // iterate outer array
    for(var j in data[i]){ // iterate inner objects properties
        options.series[i].name = j; // this is the key
        options.series[i].data = data[i][j]; // use the key and index to get value
        break; // we only care about the first object
    }
}

这是fiddle