Javascript 如何调整d3.js中力定向图的大小?
我已经实现了一个力导向图,该图显示了国家之间的共享边界。图的布局超出了svg边界,是否有办法调整图的大小,使图的布局保持在图的边界内。是否可以预先设置模拟的大小,以适应窗口宽度和高度的变化Javascript 如何调整d3.js中力定向图的大小?,javascript,d3.js,Javascript,D3.js,我已经实现了一个力导向图,该图显示了国家之间的共享边界。图的布局超出了svg边界,是否有办法调整图的大小,使图的布局保持在图的边界内。是否可以预先设置模拟的大小,以适应窗口宽度和高度的变化 内置的吸引力可以通过强度方法进行修改,因此可以尝试以下方法 // starts simulation var simulation = d3 .forceSimulation() .force("link", d3.forceLink()) .force("charge", d3.for
内置的吸引力可以通过强度方法进行修改,因此可以尝试以下方法
// starts simulation
var simulation = d3
.forceSimulation()
.force("link", d3.forceLink())
.force("charge", d3.forceManyBody().strength(-5))
.force("center", d3.forceCenter(width /2, height / 2))
如果这对其他项的约束过于紧密,则必须实现自己的force方法,该方法可以基于SVG大小约束项。有关发动机罩下发生的事情的描述,以及如何实现自己的功能,请参阅
// starts simulation
var simulation = d3
.forceSimulation()
.force("link", d3.forceLink())
.force("charge", d3.forceManyBody().strength(-5))
.force("center", d3.forceCenter(width /2, height / 2))