Javascript D3可折叠力布局可变连杆长度

Javascript D3可折叠力布局可变连杆长度,javascript,d3.js,Javascript,D3.js,我一直在尝试调整下面链接中显示的可折叠力布局。 有谁能帮助我理解如何将每个链接的链接距离设置为不同的长度,而不是将它们都设置为一个值 与此问题类似的示例似乎允许单个链接具有不同的长度。然而,我不明白代码是如何解释这一点的 感谢您的指导。正如Cyril提到的,下面的代码很有用 var force = d3.layout.force() .linkDistance(function(d){ if(d.target._children){ return 50;//target

我一直在尝试调整下面链接中显示的可折叠力布局。

有谁能帮助我理解如何将每个链接的链接距离设置为不同的长度,而不是将它们都设置为一个值

与此问题类似的示例似乎允许单个链接具有不同的长度。然而,我不明白代码是如何解释这一点的


感谢您的指导。

正如Cyril提到的,下面的代码很有用

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
    }
})
这对我来说是什么样的:

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

特别是,我没有意识到我必须在d.nodeproperty中指定target。

您可以使用help linkDistance来实现这一点。请调查一下谢谢Cyril这帮了大忙。对于其他可能阅读本文的人来说,我意识到在定义链接距离时,我必须指定我指的是“目标”,这一点也很重要。