D3力布局：分别定位第一个和最后一个节点

Question

我想创建一个静态力导向布局，如本例中的那样：http://bl.ocks.org/mbostock/1667139，但第一个和最后一个节点锚定在窗口的每一侧（与示例相反，我的图不是圆形的）。通过这种方式，我可以清楚地看到图表的开始和结束位置，并希望能够赋予它更线性的构象。 到目前为止，我已经尝试为这两个节点分配不同的类，然后给这些类固定坐标，例如：

svg.select(".first")
  .attr("cx", function(d) { return 10; })
  .attr("cy", function(d) { return height/2; })

svg.select(".last")
  .attr("cx", function(d) { return width-10; })
  .attr("cy", function(d) { return height/2; })

但它似乎不起作用，两个节点只是坐在窗口的右上角。有什么想法吗？

Answer 1

在for 循环和force.stop() 之间放置以下代码对我来说似乎很好。

var nodes = force.nodes();
nodes[0].x = 10;
nodes[0].y = height/2;

nodes[nodes.length-1].x = width-10;
nodes[nodes.length-1].y = height/2;

这是一个 Fiddle 显示此内容。您可能还想查看 fixed 属性，这可能有助于您寻找的行为。