使用可变长度的新数据更新d3条形图标签

Question

我正在使用d3绘制带有标签的简单条形图，并希望能够使用可能包含比现有图表更多或更少项目的新数据更新图表。我知道我需要使用enter / update / exit但是我在选择上遇到问题并且正确地使用更新。我将条形图和标签组合在一起，当我尝试更新时，我不断向组添加另一个条而不是更新它。

我正在使用此功能进行更新：

new JobHost(config).RunAndBlock()

Answer 1

我改变了一些事情：

更新功能中的
• 应该是newData，而不是data;
• 将值设置为barMargin;
• 将bar.text添加到更新功能。

但最重要的是提供数据的关键，如：

.data(newData, function(d){ return d.value});

这是小提琴：https://jsfiddle.net/gerardofurtado/fybLrujp/2/