2016-10-08 11 views
1

私は下のリンクに示されている折りたたみ可能なフォースのレイアウトを調整しようとしています。 http://bl.ocks.org/mbostock/1093130D3折りたたみ式フォースレイアウト変数リンクの長さ

私はどのように私は1つの値に設定するのではなく、各リンクの異なる長さにlinkdistanceを設定することができます理解できますか?

https://bl.ocks.org/mbostock/1062288という例があります。これは、個々のリンクが異なる長さを持つことができるように見えます。しかし、私はコードがそれをどのように説明しているのか理解していません。

ご了承ください。

+0

これはヘルプリンクの距離で行うことができます。これを見てくださいhttp://stackoverflow.com/questions/32882284/increasing-the-connecting-link-length-in-d3-when-the-node-is-expanded – Cyril

+0

これは多くの助けてくれたCyrilに感謝します。これを読むかもしれない他の誰にとっても、重要だったリンク距離を定義するときに私が「目標」を指していると指定しなければならないことを認識していました。 –

答えて

1

シリルが述べたように、以下のコードは有用です。私はd.nodepropertyの内側にターゲットを指定しなければならなかったことを実現していなかった。特に

var force = d3.layout.force() 
.linkDistance(d.target.nodeproperty) 

var force = d3.layout.force() 
.linkDistance(function(d){ 
    if(d.target._children){ 
     return 50;//target is not expanded so link distance is 50 
    } else { 
     return 200;//target is expanded so link distance is 200 
    } 
}) 

は何私のためにそれをやったことのようなものでした。

関連する問題