d3の最初のノード数を制限する方法有向グラフを強制する

Question

これは改善のための別の質問かもしれませんが、私はExisting questionの助けを借りて指示を出しました。

ユーザーがこのグラフを動的に作成すると、データの負荷が超過すると、ブラウザが重くなり、ユーザーインターフェイスが邪魔になります。

グラフを最初に読み込むときにノードレベルを2に制限するにはどうすればよいですか。 サービスコールを1つずつ作成しようとしましたが、機能しません。ここで

はコードです：

function click(d) { 
        if (d3.event.defaultPrevented) return; // ignore drag 
        if (d.children) { 
         d._children = d.children; 
         d.children = null; 
        } else { 
         d.children = d._children; 
         d._children = null; 
        } 
        update(); 
       } 

Application with Data

Answer 1

うまくいけば、これはアウトするのに役立ちます。この例から：How can I start with all the nodes collapsed in d3js?

私はあなたのフィドルを編集した：http://jsfiddle.net/thatOneGuy/yar5sco6/7/

私はupdate()の元の呼び出しを削除しました。だからLoadとStartを押す必要があります。

これは、すべてのノードを縮小します。

// HTML

<button id='startForce'>START</button> 

// JS

document.getElementById('startForce').addEventListener('click', function() { 
      console.log('start'); 

      var nodes = flatten(root); 
      nodes.forEach(function(d) { 
       d._children = d.children; 
       d.children = null; 
      }); 
      update(); 
      })