Javascript d3.js窗口缩放

我有一个强制有向图，有数百个节点和链接，但窗口太小，无法显示所有节点（链接）。我必须在chrome浏览器中向下或向上滚动才能看到所有数据。下面是我的窗口代码，如何缩放所有数据以适应当前窗口

        var width = 2400;
        var height = 1500;
        var color = d3.scale.category20c();

        var svg = d3.select("body").append("svg")
            .attr("width", width)
            .attr("height", height);

---

虽然不建议主动调整用户窗口的大小，但您可以使用vanilla JavaScript：

window.resizeTo(width, height);

容纳节点的更好方法是使包含

svg

元素的

div

可滚动（尝试将

style

属性放入单独的CSS文件中）：

或

根据当前窗口的大小调整svg及其所有元素（例如节点）的大小。那将是另一个故事

<div style="overflow:scroll;">
    <svg><!-- your contents --></svg>
</div>