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

莎拉

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

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

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

带有问题标签的更新图表的图像

测试csv文件

测试码

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

乌梅什·马哈什
  1. 您在追加文本时忘记添加类属性
  2. 您还需要在更新时更改文本

    希望这可以帮助

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章