D3 在 JSON 中获取 JSON 数据

Question

使用 this as reference. 我正在尝试将其实现到我的页面中。但是，我正在使用的 JSON 数据中包含 JSON。所以我的 JSON 看起来类似于：

{
"nodes": [
{"fixed":true,"classes": null,"data": {"id": "imombr","idType":"USERNAME","visible":true },"grabbable": true,"grabbed":false,"group":null,"locked": false,"position":null},
{"fixed":true,"classes": null,"data": {"id": "stephieru_","idType":"USERNAME","visible":true },"grabbable": true,"grabbed":false,"group":null,"locked": false,"position":null}
],
"links": [
    {"source":0,"target":1,"value":1},
    {"source":1,"target":0,"value":1}
]
}

所以我试图在数据中获取 id 作为我的文本显示。我已经尝试了几件事，但似乎我无法进入内部获取 id。尝试次数：

node.append("text")
            .attr("dx", 12)
            .attr("dy", ".35em")
            .text(function(d) { return d.data[id] });

和

node.append("text")
            .attr("dx", 12)
            .attr("dy", ".35em")
            .text(function(d) { return d.data[0] });

但似乎都不起作用。

Answer 1

而不是 d.data[id] 使用 d.data['id'] 或者，如 boombox 建议，d.data.id

D3 在 JSON 中获取 JSON 数据

D3 getting JSON data within a JSON

javascript

json

d3.js