爲什麼d3包裝版面意外崩潰？

Question

我的代碼是here上bl.ocks.org：

改變的選擇標籤的值來限制圈數。如果你沒有使用它，它似乎可以工作，但是每次都會出現特定的情況（例如，爲TE選擇10，然後選擇247）。如果你檢查控制檯，你會發現有問題的線路是nodes = pack.nodes(data);。我看到兩種可能性：這是d3包裝版本的錯誤，或者我的數據越來越混亂。你能否說出這兩種情況是否屬於這種情況？如果是這樣，那麼特定的問題是什麼？

Answer 1

您的代碼中存在導致子節點重複的錯誤。由於兒童重複，包裝佈局中存在無限循環。

我通過在調試器中設置斷點，然後暫停代碼讓它稍微卡住後發現了這一點。果然，它被卡在for循環中，節點的節點本身是_pack_next，導致無限循環。很容易看到孩子們的重複;例如，e.filter(function(d) { return d.name === "Jermichael Finley"; })返回了兩個節點，而不是一個。