D3：クリック

Question

に力レイアウト船体のラグ更新、それはデータセットの間で遷移するとき、私のD3力のレイアウト上の遅れの更新があります：LESSリンクデータセットへの複数のリンクからデータセットが変更され、残りの凸は「ドンを船体

1回クリックすると消えます。ユーザーが実行するには、このコードのために二回更新]ボタンをクリックする必要があります：LESS船体データセットへのMORE船体データセットから1クリック移行後

pathg.selectAll("path").remove(); 

See JSFiddle here

：

多分ことができるもの違う？？それはD3と関係がありますか？

Answer 1

問題はここにある：

代わりの

return "M" + 
    d3.polygonHull(d.values.map(function(i) { return [i.x, i.y]; })) 
    .join("L") + "Z"; 

それは、いくつかのアレイのd3.polygonHullがエラーの原因となった、nullを返します

var poly = d3.polygonHull(d.values.map(function(i) { return [i.x, i.y]; }));             
if (poly){ 
return "M" + poly.join("L") + "Z"; 
} 

理由となっているはずです。

pathg.selectAll("path").remove();については、終了すると不要なリンクが削除されるため、削除する必要はありません。

working fiddle here