如何在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的专家:(

Answer 1

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

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

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