如何使用json數據創建角度nvd3多欄和堆疊圖表

Question

我想使用以下json數據創建角度nvd3多欄圖表。

json: 
[ 
    { 
     "ccpProducts": "CME", 
     "color": "red", 
     "values": [ 
      { 
       "dates": "2015-07-01 00:00:00.0", 
       "noOfTrades": 5281 
      } 
     ] 
    }, 
    { 
     "ccpProducts": "LCH", 
     "color": "#6b486b", 
     "values": [ 
      { 
       "dates": "2015-07-01 00:00:00.0", 
       "noOfTrades": 5281 
      } 
     ] 
    } 
] 

Answer 1

由於values是對象的數組，你無法通過自己的索引來訪問它的屬性就像你正在做的（對象屬性是不排序）：

// d[0] and d[1] are undefined! 
x: function(d){ return new d[0]; }, 
y: function(d){ return d[1]; } 

相反，你應該這樣做：

x: function(d){ return new d['dates']; }, 
y: function(d){ return d['numOfTrades']; } 

您還可以轉換bar.json中的數據格式。