javascript - 调整 D3 强制布局

Question

是否可以在 d3.js 中调整强制布局的大小？例如，我有一个由

定义的布局

var force = d3.layout.force()
.nodes(documents.nodes)
.linkDistance(0)
.friction(.2)
.size([width, height]);

force.start();

我希望稍后在项目中调整它的大小。这可能吗？

Answer 1

很快，在调整大小事件中，您应该更改svg 对象 的属性(它还会更改重心)并恢复力计算:

window.onresize = function() {
  width = window.innerWidth, height = window.innerHeight;
  svg.attr('width', width).attr('height', height);
  force.size([width, height]).resume();
};

d3 force 调整大小的一个例子是 provided here .