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

Question

我正在尝试构建一个可以使用下拉菜单更新的 D3 条形图可视化。

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

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

Image of the updated chart w/ problem labels

Test csv file

Test code

为链接道歉。我是 JSFiddle 的新手，我不知道如何轻松地传输我的示例。

Answer 1

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

2. 更新的时候还需要修改文字

   希望对你有帮助

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