Javascript 如何从d3中的文件中读取数据
我的文件中有以下格式的数据Javascript 如何从d3中的文件中读取数据,javascript,d3.js,Javascript,D3.js,我的文件中有以下格式的数据 {"name":1, "children": [2,3,4,5,6]} {"name":2, "children": [12,13,54,25,16]} {"name":3, "children": [22,34,43,25,26]} 基本上,我正在尝试这样的可视化: 但不是直接加载json。。我想从这个文件中查一下。。 比如:{“name”:1,“children”:[2,3,4,5,6]} 然后我点击2。。然后读取节点2的子节点并进一步填充图形 因此,基本上,
{"name":1, "children": [2,3,4,5,6]}
{"name":2, "children": [12,13,54,25,16]}
{"name":3, "children": [22,34,43,25,26]}
基本上,我正在尝试这样的可视化:
但不是直接加载json。。我想从这个文件中查一下。。
比如:{“name”:1,“children”:[2,3,4,5,6]}
然后我点击2。。然后读取节点2的子节点并进一步填充图形
因此,基本上,不是加载完整的json。。我想让它可以交互,用户只需单击节点,然后我就可以查找并进一步填充它。
我该怎么做呢。
我不是js方面的专家:(如果您真的想加载数据,可以使用JQuery() 否则,您可以使用d3的json函数加载数据,但只显示特定的分支(例如过滤)
如果您的问题是json文件太大,无法加载到内存中,那么您可以使用HTML 5的FileReader手动读取该文件,然后将选定的块传递给d3。您的意思是您已经解析了数据,并且代码中包含soem数组吗?如果是这种情况,您应该能够只修改您发布的示例用于查找要添加的正确信息。但是,由于布局使用嵌套结构,并且您的数据看起来像是一个邻接列表,因此您必须递归地添加子级。