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 专家 :(

Answer 1

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

否则，您可以使用 d3 的 json 函数加载数据，但随后仅显示特定分支(例如过滤)

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