另一个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);