d3 v4との固定リンク距離の設定方法

Question

すべてのAPIの例はまだv3のようです。以下のようなグラフを作成 https://github.com/d3/d3-force/blob/master/README.md#link_distance

：私はそれを適用する方法がわからlink_distance見なく http://bl.ocks.org/d3noob/5141278

： は、私のような一定の距離のリンク、と力のグラフを作成する方法を理解しようとしていますこの：

// .force("link", d3.forceLink().distance(20).strength(1)) 
    // .force("linkDistance", 20) 
    // .force("link", d3.forceLink().id(function(d) { return d.id; })) 

：

let simulation = d3.forceSimulation() 
     .force("link", d3.forceLink().id(function(d) { return d.id; })) 
     .force("charge", d3.forceManyBody().strength(-150)) 
     .force("center", d3.forceCenter(width/2, height/2)); 

私のような様々なコンボを試してみました

しかし、運がない！

だから、link_distanceを修正できないようですか？ その強さと距離の結果

したがって、strengthとdistanceをd3 v4のリンクに適用するにはどうすればよいですか？ シミュレーションなどに適用されていますか？

Answer 1

あなたはv4の距離を変更することにほぼ近いです！この変更をチェックし、それが私の作品：

は

var simulation = d3.forceSimulation() 
    .force("link", d3.forceLink().id(function(d) { return d.id; }).distance(100).strength(1)) 
    .force("charge", d3.forceManyBody()) 
    .force("center", d3.forceCenter(width/2, height/2)); 

Answer 2

はあなたがほとんどあります...これをチェックforce('center')

let simulation = d3.forceSimulation() 
    .force("link", d3.forceLink().id(function(d) { return d.id; })) 
    .force("charge", d3.forceManyBody().strength(-150)); 

Answer 3

せずに試すことがあり、このコードは私の作品..

注：このコードでノードラベルに基づいてリンクの長さを動的に取得していますGetNodeDefaults（d.label）.linkDistanceつまり、100または200または300などになる可能性があります。

var forceLink = d3 
    .forceLink().id(function (d) { 
     return d.id; 
    }) 
    .distance(function (d) { 
     return GetNodeDefaults(d.label).linkDistance; 
    }) 
    .strength(0.1); 

var simulation = d3.forceSimulation() 
    .force("link", forceLink) 
    .force("charge", d3.forceManyBody().strength(function (d, i) { 
     var a = i == 0 ? -2000 : -1000; 
     return a; 
    }).distanceMin(200).distanceMax(1000)) 
    .force("center", d3.forceCenter(width/2, height/2)) 
    .force("y", d3.forceY(0.01)) 
    .force("x", d3.forceX(0.01)) 
    .on("tick", ticked);