小编the*_*der的帖子

如何将两个父节点连接到一个子节点,以及如何实用地为树中的每个节点制作工具提示?在 D3 js (SVG) 中

我制作了一个树形图结构,它工作得非常好。但现在我想做一个小小的改变却无法做出改变。我想将两个父节点连接到一个子节点...我还尝试实用地向每个节点添加一个工具提示。

例如 - 如果您运行代码,您会更清楚地看到它。我想创建 Hanna 的子节点并标记它将连接到名为“Eric”的子节点。

知道如何实现这一目标吗?

var svg = d3
  .select("body")
  .append("svg")
  .attr("width", 600)
  .attr("height", 600)
  .append("g")
  .attr("transform", "translate(50,50)");

//tree data
var data = [
  { child: "John", parent: "" },
  { child: "Aron", parent: "Kevin" },
  { child: "Kevin", parent: "John" },
  { child: "Hannah", parent: "Anna" },
  { child: "Rose", parent: "Sarah" },
  { child: "Anna", parent: "John" },
  { child: "Sarah", parent: "Kevin" },
  { child: "Mark", parent: "Anna" },
  { child: "Angle", parent: "Sarah" }, …
Run Code Online (Sandbox Code Playgroud)

javascript css svg dom d3.js

5
推荐指数
1
解决办法
1759
查看次数

标签 统计

css ×1

d3.js ×1

dom ×1

javascript ×1

svg ×1