我正在尝试构建一个可以使用下拉菜单更新的 D3 条形图可视化。
到目前为止,我已经成功创建了条形图和下拉菜单,这样当我更改菜单中的选择时,条形图就会更新为它们的新值。
但是,我在正确更新条形标签时遇到了问题。尽管我为标签添加了与条形图相同的 .exit.remove()
函数,但旧标签仍保留在新更新的图表上。
Image of the updated chart w/ problem labels
为链接道歉。我是 JSFiddle 的新手,我不知道如何轻松地传输我的示例。
最佳答案
- 您在附加文本时忘记添加类属性
更新的时候还需要修改文字
希望对你有帮助
bartexts.transition().duration(250) .attr("y", function(d, i) {返回 yScale(d) - 10}) .text(函数(d) {返回d});
关于javascript - 更新条形图时删除旧文本标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53053699/