動態地喂jQuery json混沌數組在jQuery中的基於高位的列？

Question

我在創建基於列的高層圖時遇到了一些小問題，即提供系列數據和類別。的jquery的

給料部：

success: function (data){ 
      for(var i in data){ 
        for(var j in data[i]){ 

         options.series.push({}); 
         options.xAxis.categories = data[i][j].categories; 
         options.series[i].name = j; 
          options.series[i].data = data[i][j].values; 


          break; 


        } 
       } 
       var chart = new Highcharts.Chart(options); 

    } 

它工作正常總是與所述第一類別命名運動，但第二類名稱中沒有示出，而是數1被示出。

JSON數據結構：

  [{"root":{"categories":["sports","occupation"],"values":[53.571,62.5]}},{"admin":{"categories":["sports"],"values":[33.333]}}] 

基本上，根和管理員是系列名稱 - 它們被正常顯示。

隨着示出的類別我有一個問題：它顯示只有第一運動，第二個被示出的是

系列值正常顯示（號碼1）。

所以唯一的問題是系列名稱。

任何想法是怎麼回事？

任何幫助表示讚賞。

Answer 1

這是由覆蓋data中每個對象的類別造成的。 admin只有一個元素的類別，並且是data數組中的最後一個，因此會顯示此內容。我想你可以簡單地比較類別的長度，以使用具有最長點數的類別。例如：http://jsfiddle.net/2TuCW/68/

var data = [{ 
    "root": { 
     "categories": ["sports", "occupation"], 
     "values": [53.571, 62.5] 
    } 
}, { 
    "admin": { 
     "categories": ["sports"], 
     "values": [33.333] 
    } 
}]; 

var options = { 
    chart: { 
     renderTo: 'container' 
    }, 
    xAxis: { 
     categories: [] 
    }, 
    series: [] 
} 

for (var i in data) { 
    for (var j in data[i]) { 

     options.series.push({}); 
     if(options.xAxis.categories.length < data[i][j].categories.length) 
      options.xAxis.categories = data[i][j].categories; 
     options.series[i].name = j; 
     options.series[i].data = data[i][j].values; 

     break; 
    } 
} 
var chart = new Highcharts.Chart(options);