使用d3js将子元素添加到强制有向图中的特定节点

var svg = d3.select("body")
            .append("svg")
            .attr("width", width)
            .attr("height", height);

var simulation = d3.forceSimulation()
                   .force("link", d3.forceLink().id(function(d) { return d.id; }))
                   .force("charge", d3.forceManyBody())
                   .force("center", d3.forceCenter(width / 2, height / 2));

simulation.nodes(nodes)
          .on("tick", ticked);

simulation.force("link")
          .links(links);

var link = svg.selectAll(".link")
              .data(links)
              .enter()
              .append("line")
              .attr("class", "link")
              .style("stroke", "#999")
              .style("stroke-width", "1px");

var node = svg.selectAll(".node")
              .data(nodes)
              .enter()
              .append("circle")
              .attr("class", "node")
              .attr("r", 5)
              .style("fill", "#ccc");

function ticked() {
  link.attr("x1", function(d) { return d.source.x; })
      .attr("y1", function(d) { return d.source.y; })
      .attr("x2", function(d) { return d.target.x; })
      .attr("y2", function(d) { return d.target.y; });

  node.attr("cx", function(d) { return d.x; })
      .attr("cy", function(d) { return d.y; });
}