如何用js控制读取json文件数据,,也就是选取部分json数据 5C

有一个相对比较大的json文件(这个是外部json文件),用D3做出如图所示的关系图,,,,但是,,我只想以某一个人为中心做他的关系图,,需要怎么操作数据??????????

json数据如下

 {
"nodes":[
{ "name": "云天河"   , "image" : "tianhe.png" },
{ "name": "韩菱纱"   , "image" : "lingsha.png" },
{ "name": "柳梦璃"   , "image" : "mengli.png" },
{ "name": "慕容紫英" , "image" : "ziying.png" },
{ "name": "云天青" , "image" : "tianqing.png" },
{ "name": "夙玉" , "image" : "suyu.png" },
{ "name": "玄霄" , "image" : "xuanxiao.png" },
{ "name": "夙瑶" , "image" : "suyao.png" },
{ "name": "太清" , "image" : "taiqing.png" },
{ "name": "宗炼" , "image" : "zonglian.png" },
{ "name": "婵幽" , "image" : "chanyou.png" },
{ "name": "奚仲" , "image" : "xizhong.png" },
{ "name": "归邪" , "image" : "guixie.png" }
],
"edges":[
{ "source": 0 , "target": 1 , "relation":"挚友" },
{ "source": 0 , "target": 2 , "relation":"挚友" },
{ "source": 0 , "target": 3 , "relation":"挚友" },
{ "source": 1 , "target": 2 , "relation":"挚友" },
{ "source": 1 , "target": 3 , "relation":"挚友" },
{ "source": 2 , "target": 3 , "relation":"挚友" },
{ "source": 0 , "target": 4 , "relation":"父子" },
{ "source": 0 , "target": 5 , "relation":"母子" },
{ "source": 4 , "target": 5 , "relation":"夫妻" },
{ "source": 0 , "target": 6 , "relation":"义兄弟" },
{ "source": 4 , "target": 6 , "relation":"同门" },
{ "source": 5 , "target": 6 , "relation":"同门" },
{ "source": 4 , "target": 7 , "relation":"同门" },
{ "source": 5 , "target": 7 , "relation":"同门" },
{ "source": 6 , "target": 7 , "relation":"同门" },
{ "source": 4 , "target": 8 , "relation":"师徒" },
{ "source": 5 , "target": 8 , "relation":"师徒" },
{ "source": 6 , "target": 8 , "relation":"师徒" },
{ "source": 7 , "target": 8 , "relation":"师徒" },
{ "source": 8 , "target": 9 , "relation":"同门" },
{ "source": 3 , "target": 9 , "relation":"师徒" },
{ "source": 2 , "target": 10 , "relation":"母子" },
{ "source": 10 , "target": 11 , "relation":"主臣" },
{ "source": 10 , "target": 12 , "relation":"主臣" },
{ "source": 11 , "target": 12 , "relation":"同僚" }
]
}

`原图如下```![图片说明](https://img-ask.csdn.net/upload/201704/18/1492502984_150312.png)

6个回答

把json对象转为js对象,进行数据整理,并保存起来。

suibiansheba
suibiansheba 我这个是外部的json文件,,不是程序中包含的json对象啊
大约 3 年之前 回复

var a=你的json

jQuery中有一个简单的方法 $.getJSON() 可以实现 function jsonStr() {
$.getJSON("json数据对象", function(data) {
$.each(data.comments, function(i, item) {
//业务逻辑处理
});
}
$.each()方法接受两个参数,第一个是需要遍历的对象集合(JSON对象集合),第二个是用来遍历的方法,这个方法又接受两个参数,第一个是遍历的index,第二个是当前遍历的值

u010808544
阿蓝好多个8 回复suibiansheba: 是外部的一个配置文件吗?数据是静态的吗?那就读取这个json文件,怎么读取就自己动手百度下,不过我现在也不是很明白你的问题,你如果要做什么关系图给你推荐百度的echarts http://echarts.baidu.com/examples.html#chart-type-graph
大约 3 年之前 回复
u010808544
阿蓝好多个8 回复suibiansheba: 外部json 文件?是通过url 请求然后返回的json对象吗?如果是这样就通过ajax 请求能够得到这个json 对象的url ,然后对返回的json 数据进行相应的处理就可以了
大约 3 年之前 回复
suibiansheba
suibiansheba 大神好,,,我这个是外部的json文件,,关键就是怎么调取这个文件,,不是包含在程序本身的json啊,,,
大约 3 年之前 回复

source 全部改成0就可以了
source代表第几个原节点

这个链接是让你如何读取json数据:http://blog.csdn.net/xuanzhangran/article/details/60866665

看来我就不多说什么了吧,就是把json转换,然后提某个你想要的

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问