d3js 多个目标到单个节点答案

【问题标题】：d3js multiple targets to a single noded3js 多个目标到单个节点
【发布时间】：2019-01-28 02:16:48
【问题描述】：

我正在使用 d3js 创建一个视觉对象，它可以帮助我显示某些 javascript 文件的依赖关系。

当前d3中显示源和目标关系的格式是：

var links = [
  { source: "A", target: "X"},
  { source: "Z", target: "Y"},
  { source: "A", target: "Z"},
  { source: "A", target: "W"},
];

任何有 d3 和/或 Javascript 经验的人都可以告诉我如何更改代码，以便我可以添加多个目标，如下所示：

var links = [
  { source: "A", target: "X", "Y", "Z"},
  { source: "Z", target: "Y"},
  { source: "A", target: "Z"},
  { source: "A", target: "W"},
];

【问题讨论】：

为什么你现在有两个来自A => Z 的链接。首先，您没有有效的 JS。其次，它是一个简单的“展平”操作。在 for 循环中测试 target 字段的类型。

标签： javascript arrays class d3.js

【解决方案1】：

如果您想在target 属性中列出多个值，可以使用Javascript array

像这样：

var links = [
  { source: "A", target: ["X", "Y", "Z"]},
  { source: "Z", target: "Y"},
  { source: "A", target: "Z"},
  { source: "A", target: "W"},
];

数组是使用[] 构造函数直接创建的。其实links也是一个数组

【讨论】：