条形图更新时删除旧的文本标签

Question

我正在尝试构建D3条形图可视化效果，可以使用下拉菜单进行更新。

到目前为止，我已经成功创建了条形图和下拉菜单，以便当我更改菜单中的选择时，条形图将更新为它们的新值。

但是，我在正确更新条形标签时遇到问题。即使我为条形标签包含了相同的.exit.remove()函数，但旧标签仍保留在新更新的图表上。

Image of the updated chart w/ problem labels

Test csv file

Test code

链接的歉意。我是JSFiddle的新手，我不知道如何轻松转移示例。

Answer 1

1. 您忘记在添加文本时添加class属性

2. 您还需要在更新时更改文本

   希望这会有所帮助

   bartexts.transition().duration(250) .attr("y", function(d, i) {return yScale(d) - 10}) .text(function(d) {return d});