d3.js - NVD3，加载新图表之前清除 svg

Question

我在同一个 svg 中调用了几个不同的 NVD3 图表。我使用按钮来调用函数，每个函数都包含一个使用自己数据的新图表。

有没有办法在不删除它的情况下清除我的单个 svg？我希望按一个按钮来调用我的图表，但在加载新图表之前清除 svg。

使用这种图表时这不是问题...例如，调用两个 multibarhorizo​​ntal 图表，只需更新形状，这很好。问题是加载两个不同的图表，例如折线图和条形图。

编辑 - 答案必须类似于 d3.select("svg").remove() 但只会删除 svg。我只想清除它。

Answer 1

您可以使用 "svg > *" 选择器选择 SVG 下面的所有元素，即要删除所有这些元素，请执行以下操作

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