删除少数节点后D3 SVG转换问题

Question

我在这个jsfiddle面临着一个奇怪的问题。 如果我删除几个现有节点并稍后添加新节点，则节点的转换不会保持不变。

这种情况很好 ：

1. 运行jsfiddle。
2. 单击reset按钮
3. 选择连接到其他几个节点的ctee节点并拖动。
4. 所有连接的节点应遵循主拖动节点。
5. 看看下面的截图，连接到ctee节点的节点也随着ctee一起移动。

这种情况有问题 （唯一不同的是我们将首先删除节点，然后单击reset按钮）：

1. 运行jsfiddle。
2. 右键单击GW节点，然后选择Stop 。
3. 这将从屏幕上删除节点。
4. 现在单击reset按钮
5. 选择连接到其他几个节点的ctee节点并拖动。
6. 理想情况下，所有连接的节点应遵循主拖动节点，但不起作用。 连接的节点保持原始位置。

   7. 查看以下屏幕截图， ctee节点的连接节点不与ctee一起移动。

Answer 1

问题看起来就像当您删除节点时，您正在创建对与您的强制布局不同步的links的新引用：

links = links.filter...

要解决这个问题，你可以简单地添加： force.links(links); 到它之后的行更新力布局的参考。

更新小提琴： https ： //jsfiddle.net/r1tcj0mf/16/