javascript - 选择新源文件时删除 d3 Viz

Question

我有引用 PHP 下拉列表 (s1) 的 JavaScript 代码:

var dropdown = d3.select("#s1")
var change = function() {
var source = dropdown.node().options[dropdown.node().selectedIndex].value;

d3.json(source, function(graph) {
    //Do stuff
})
}

dropdown.on("change", change)
change();

目前，在下拉列表中选择一个选项时，会显示正确的可视化项，但它会覆盖之前的所有选择。

我尝试在上面代码的不同位置添加d3.select("svg > *").remove()，但没有成功。

做出选择后，我需要添加什么才能删除之前的 d3 可视化项？

Answer 1

所需要做的就是将 d3.select("svg > *").remove() 更改为 d3.selectAll("svg > *").remove() 并将其放在 change() 函数的第一行。