javascript - 如何从d3中的文件中读取数据

Question

我有以下格式的文件中的数据..

{"name":1, "children": [2,3,4,5,6]}
{"name":2, "children": [12,13,54,25,16]}
{"name":3, "children": [22,34,43,25,26]}

基本上我试图得到这样的可视化：http: //mbostock.github.com/d3/talk/20111018/tree.html

但不是直接加载json..我想从这个文件中查找它..所以，类似：{"name":1, "children": [2,3,4,5,6]} 然后我点击2..然后它读取节点2的子节点并进一步填充图形？

所以基本上，而不是加载完整的json ..我想让它可以交互，用户只需点击节点，然后我查找它并进一步填充它。我该怎么做呢。我不是 js 方面的专家 :(

score 0 · Accepted Answer

如果你真的想加载数据，你可以使用 JQuery ( http://api.jquery.com/jQuery.getJSON/ )

否则，您可以使用 d3 的 json 函数来加载数据，但只显示特定的分支（例如过滤）

如果您的问题是 json 文件太大而无法加载到内存中，那么您可以通过使用 HTML 5 的 FileReader 读取文件来手动完成，然后将选定的块传递给 d3。

1 回答 1