圆圈并不总是显示在svg元素中

Question

我有一个Web应用程序，我在其中使用d3.js显示自定义图表。 基本上我有一个值数组，我把它显示为一个圆圈。

以下是我使用的方法：

function drawBandline(id, minValRange, maxValRange, data, width) {
    $("#" + id).empty();

    if (!isNaN(minValRange) && !isNaN(maxValRange)) {
        var height = 15, radius = 3, w_padding = 6;

        var svgContainer = d3.select("#" + id).append("svg")
            .attr("width", width)
            .attr("height", height);

        for (var i = 0; i < data.length; i++) {
            if (!isNaN(data[i])) {
                svgContainer.append("circle")
                    .attr("cx", adjustX(minValRange, maxValRange, data[i], width, w_padding))
                    .attr("val", data[i])
                    .attr("cy", 8)
                    .attr("r", radius)
                    .attr("fill", "#f93");
            }
        }
    }
}

它运行良好但有时某些圆圈在添加到SVG时不会显示在SVG元素中。例如，如果我最小化窗口然后再次显示它，则会正确显示圆圈。

我该如何解决？感谢。