刪除少數節點后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/