在中心d3有缩放和缩放布局的方法吗？

Question

我想在屏幕中央放大和缩小力布局。 请查看此jsfiddle。

当我放大，缩小和平移时，鼠标指向的布局和屏幕缩放。我需要的是，当我放大并缩小布局时，它总是处于中心位置。

 function zoomed() {
     container.attr("transform", "translate(" + d3.event.translate + ")scale(" + d3.event.scale + ")");
 }

Answer 1

https://gist.github.com/mbostock/6226534

检查该链接。下次我建议事先研究这个问题。

所需的主要代码：

var zoom = d3.behavior.zoom()
    .center([width / 2, height / 2]) //this is what zooms around center
    .scaleExtent([1, 10])
    .on("zoom", zoomed);