Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/loops/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何调整d3.js中力定向图的大小?_Javascript_D3.js - Fatal编程技术网

Javascript 如何调整d3.js中力定向图的大小?

Javascript 如何调整d3.js中力定向图的大小?,javascript,d3.js,Javascript,D3.js,我已经实现了一个力导向图,该图显示了国家之间的共享边界。图的布局超出了svg边界,是否有办法调整图的大小,使图的布局保持在图的边界内。是否可以预先设置模拟的大小,以适应窗口宽度和高度的变化 内置的吸引力可以通过强度方法进行修改,因此可以尝试以下方法 // starts simulation var simulation = d3 .forceSimulation() .force("link", d3.forceLink()) .force("charge", d3.for

我已经实现了一个力导向图,该图显示了国家之间的共享边界。图的布局超出了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))
如果这对其他项的约束过于紧密,则必须实现自己的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))