完整d3图表的故障/消失

Question

我在下面使用新数据删除和更新我的条形图，但这样做我收到一个小故障/完整图表消失1秒，直到加载新数据。但是，通过增加/减少柱线而不实际消失图表，可以做到这一点。

d3.selectAll("svg").remove();

Answer 1

以下是解决方案：

在svg中添加一个id，如下例所示：

var svg = d3.select(".completion-chart").append("svg")
            .attr("id", "probar2")
            .attr("width", width)
            .attr("height", height)

然后每次填充相同的图表时，只需在重新绘制与上述代码相同的图表之前添加以下代码：

d3.select("#probar2").remove();

注意：只有存在时才有删除图表的检查点。