D3可折叠力布局可变链接长度

D3 Collapsible Force Layout Variable Link Length

本文关键字：链接 可折叠 布局 D3      更新时间：2023-09-26

我一直在尝试调整下面链接中显示的可折叠力布局。http://bl.ocks.org/mbostock/1093130

谁能帮助我了解我如何可以设置链接距离为不同的长度为每个链接，而不是让他们都被设置为一个值?

与这个问题类似的例子是https://bl.ocks.org/mbostock/1062288，它似乎允许单个链接具有不同的长度。然而，我不明白代码是如何解释的。

正如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.p nodeproperty中指定target

相关文章：