【D3.js-大数据可视化-知识图谱力导向图/引力图谱】根据指定的关键字或字段确定link中的source和target，默认是索引值

睡觉要戴耳塞

于 2018-06-22 19:03:33 发布

阅读量3.6k

点赞数 5

分类专栏： D3.js 文章标签： D3.js 大数据可视化根据指定的关键字或字段确定link中的source和targ 力导向图引力图谱 js

本文链接：https://blog.csdn.net/weixin_42048134/article/details/80777523

版权

本文介绍如何使用D3.js库，根据指定的关键字或字段，而非默认索引值，来创建大数据可视化的力导向图。在实际应用中，如构建人物关系图，通过身份证号或电话号码等独特标识来确定节点间的连接关系。提供代码示例以帮助理解。

摘要由CSDN通过智能技术生成

上一篇只是将数据根据默认的索引值关系展示了出来，而实际开发中这样的方式肯定是行不通的，比如要展示人物关系图，你不可能把每个人指向和被指向关系正好和默认的索引值对上号，所以我们需要确定一个指定的字段或关键字来展示他们的关系，如身份证号、电话号码等。只要包含其中的一个属性（身份证号、电话号码等），我们便可以确定其相关的连接关系。

直接看代码，不明白之处请留言。

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<script src="https://d3js.org/d3.v3.min.js"></script>
	<title>vichun-CSDN</title>
</head>
<body>

	<script>
		let dataset={
			'nodes':[
				{
					name:'亚瑟',
					id:100,
					type:"坦克"
				},
				{
					name:'后羿',
					num:6998998,
					type:'射手'
				},
				{
					name:'虞姬',
					id:101,
					type:"射手"
				},
				{
					name:'妲己',
					num:6998997,
					type:'法师'
				},
				{
					name:'荆轲',