javascript - 另一个D3向强制有向图添加文本

Question

 .link {
    stroke: #999;
    stroke-opacity: .2;
  }

.node  {
  stroke: #000;
  stroke-width: 1.5px;
  font: 10px sans-serif; 
}

现在您可以从: http://bl.ocks.org/mbostock/950642 获取剩下的内容

但这就是我想要做的:我想去掉上面示例中的 github 图像，将其替换为黑色圆圈(参见图片)，并将名称放在圆圈的右侧，如果拖动圆圈时，它会随着圆圈一起移动(向右)。

我不知道该怎么做。我可以显示名称，但无法显示圆圈。碰巧这些名字就在黑色圆圈应该在的右边，但我只是运气好。 (附带问题:如何让它们移到左边？)

Answer 1

将圆附加到每个节点。

试试这个代码:

<强> DEMO

  var node = svg.selectAll(".node")
      .data(json.nodes)
    .enter().append("g")
      .attr("class", "node")
      .call(force.drag);

  node.append("circle")
       .attr("r", 6);