javascript - 完整 d3 图表的故障/消失

Question

我正在使用下面的方法删除条形图并使用新数据更新条形图，但这样做时出现了一个小故障/完整的图表消失 1 秒，直到加载新数据。但是是否可以通过仅增加/减少柱形而不实际消失图表来实现相同的目的。

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

Answer 1

解决方法如下:

将 id 添加到 svg，如下例所示:

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

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

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

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