変数 (データ) から json 値を取得しようとしており、これを json 形式の入力として D3 に渡しています。しかし、「data.linksが定義されていません」というエラーがfirebugにスローされています。このチャートは、変数ではなく d3.json() 関数を使用して sample.json ファイルから json 値を取得するとうまくいきます。
以下はサンプルjsonです。
{
"nodes": [
{
"group": "pepsi",
"name": "solly",
"size": 20
},
{
"group": "coke",
"name": "ROBdey",
"size": 7
},
{
"group": "limca",
"name": "Mike",
"size": 5
},
{
"group": "coke",
"name": "OFFA",
"size": 1
},
{
"group": "limca",
"name": "deuje",
"size": 1
},
{
"group": "pepsi",
"name": "EITAKdell",
"size": 1
},
{
"group": "coke",
"name": "COOK",
"size": 1
},
{
"group": "pepsi",
"name": "CRISLY",
"size": 1
}
],
"links": [
{
"source": 3,
"target": 3,
"value": 1
},
{
"source": 4,
"target": 4,
"value": 1
},
{
"source": 7,
"target": 57,
"value": 1
},
{
"source": 10,
"target": 10,
"value": 1
},
{
"source": 12,
"target": 332,
"value": 1
},
{
"source": 14,
"target": 325,
"value": 1
},
{
"source": 17,
"target": 548,
"value": 1
},
{
"source": 19,
"target": 157,
"value": 1
}
]
}
D3コードはこちら
jqueryを使用してmongoDBを使用して残りのAPI呼び出しからデータを取得しようとしています。これは、mongoDBから返されるJSON形式が洗練されていないためです。