d3js多个目标到单个节点

Question

我正在使用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"},
];

Answer 1

如果要在target属性中列出几个值，则可以使用Javascript数组

像这样：

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

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