在SVG

Question

我有一个点列表，代表svg:group中包含的图表。 我的html目前是：

<svg id="parent">
    <g id="child">
        <!-- graph list of points here -->
    </g>
</svg>

因为这些点是根据用户输入计算的，所以它们可以相互远离或不相同，但它始终是原点（0,0）处的点。 我想在其父级中居和缩放child组，以便查看图表的所有点。 我尝试在transform上使用child，它使原点居中，但不是整个图。

有人可以解释我该怎么办？我还使用d3.js来放置积分。