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这帮了大忙。对于其他可能阅读本文的人来说,我意识到在定义链接距离时,我必须指定我指的是“目标”,这一点也很重要。