Javascript SVG需要填充空白

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

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

上一个svg_comp将被删除，而另一个svg（应始终保留在那里）将不会被删除。这很好。唯一的问题是从页面中删除的SVG占用的空间没有填充到下面的SVG中

我怎样才能去掉这个空间，或者让最低的svg（当前为空）占据它？SVG的内容是D3.js图表

编辑：

---

用于定位和插入新的SVG

您可能正在对下面的SVG或类似的东西使用绝对位置。@Lars您是什么意思？您如何定位包含第二个图表的元素？@Lars我在编辑中使用上面的B代码来定位SVG OK和您选择的容器元素是如何定位的？

            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");