D3 Javascript中Force-Directed Graph中节点之间的链接

Question

我正在使用 D3 Javascript 制作一个基本上包含至少 150 个节点的图表。思路可以这样描述：

一个节点连接到 100 个节点。 这 100 个节点中的 49 个节点与其他 49 个节点相连。

让我们澄清一下。我认识100个人。其中49人过生日。每个代表一个节点。

通过这种方式，我可以设法通过 Javascript 中的一些数组使用 source 和 target 将它们链接在一起。我认为我在 D3 中的 Force-Directed Graph 中遗漏了一些非常重要的东西。据我所知，链接可以用source 和target 实现。我的问题是我无法理解如何将这些链接链接到这些节点。我不知道在什么基础上我可以创建一个数组来保存我的名字、人们的名字和他们的生日，这样它们就可以链接在一起。在我的图表中，它给了我正确的人但错误的生日。任何人都可以指导我如何处理这件事。我正在关注本教程：但无法理解如何创建一个数组来添加以下信息：姓名、人名和生日。

http://bl.ocks.org/mbostock/4062045

非常感谢您的帮助。

Answer 1

节点和链接的链接方式是通过索引。也就是说，如果target: 0，则意味着该链接的目标节点是节点列表中的第一个，如传递给强制布局。您可以将所需的任何数据添加到链接和节点——对于链接，节点也可通过link.source 和link.target 获得。

或者，您可以将链接的源和目标指定为对象本身——这实际上是 D3 在将链接传递给强制布局时在内部执行的操作。由于它不能与索引一起使用，它们被替换为解析的节点对象（这就是您可以通过链接访问实际对象的原因）。

如果您通过外部数据（例如 JSON）指定图形结构，那么您应该使用索引来识别链接中的节点。如果您在 Javascript 中生成数据结构，则可以使用对实际对象的引用。