angularjs - 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。