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

d3.js bar chart is not updating based on click event

本文关键字：事件 更新 单击 js 条形图 d3      更新时间：2023-09-26

这是我的jsfiddlehttps://jsfiddle.net/dibyendu/3b0rjpe4/。基本上基于clicked donut text，我想在下面更新我的bar chart。如果onclick text变成red，则应隐藏bar，并且如果onclick text变成black，则应再次显示bar。

我知道有问题

selection.exit().remove();

我不确定我在哪里失踪了。提前谢谢。

尝试执行类似d3.select('#'+ids).remove();的操作，其中ids是用于绑定图表的id d.id。因此，每当您单击饼图时，旧的DOM都会被新的DOM元素所取代。更多地将类放在要替换的特定元素上，或者只将一个类放在svg上，并用新的svg替换，类似于d3.select("svg").remove();。

我终于可以在这里修复它了https://jsfiddle.net/dibyendu/czfg562r/。

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

svg.selectAll("*").remove();
相关文章：