d3.js条形图未根据点击事件进行更新

Question

这是我的jsfiddle https://jsfiddle.net/dibyendu/3b0rjpe4/。基本上基于clicked donut text我想更新下面的bar chart。如果onclick text变为red，则应隐藏bar，如果onclick text变为black，则bar应该再次出现。

我知道问题在于

selection.exit().remove(); 

我不知道我在这里失踪的地方。提前致谢。

Answer 1

尝试执行类似d3.select('#'+ids).remove();的操作，其中ids是用于绑定图表的id d.id。因此，无论何时单击饼图，旧DOM都会被新的DOM元素替换。更多地将类放到要替换的特定元素上，或者只是将类放到svg并替换为新的svg类似d3.select("svg").remove();的内容。

Answer 2

最后，我可以在https://jsfiddle.net/dibyendu/czfg562r/修复此问题。

点击后，删除了svg下的所有孩子

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