SVG需要填补空白空间

Question

我有两个包含d3图表的SVG。每次我点击一个按钮，顶部（黄色）svg被移除，并在其上方插入一个新的;

d3.select("#svg_comp").remove()
DrawComponentChart()

先前的svg_comp已被删除，而另一个应始终保留在那里的SVG则不会。这很好。唯一的问题是从页面中删除的SVG占用的空间未填充下面的svg;

如何摆脱这个空间，或者获得最低的svg（目前为空）占据它？ SVG的内容是D3.js图表​​。

编辑：

            var svg_bad = d3.select("#broken-chart-space").insert("svg", "svg")
                .attr("width", width + margin.left + margin.right)
                .attr("height", height + margin.top + margin.bottom)
                .append("g")
                .attr("transform", "translate(" + margin.left + "," + margin.top + ")")
                .attr("id", "svg_bad");

用于定位和插入新的SVG