Javascript d3条形图标签在使用新数据更新图表时未更新

下面是每次单击下拉菜单中的按钮或选项以使用新数据更新d3条形图时调用的代码

图表中的条形图会根据新数据正确更新，但条形图的标签不会被新标签替换，而是同时显示旧标签和新标签

请提供一些建议，以便旧标签不会显示在条形图上

function updateGraph(data) {

          // scale the range of the data
          x.domain(data.map(function(d) { return d.Country; }));
          y.domain([0, d3.max(data, function(d) { return d.Value; })]);

          var bars = svg.selectAll(".bar").data(data);

          bars.enter().append("rect").attr("class", "bar");

          bars.transition().duration(200).attr("x", function(d) { return x(d.Country); })
          .attr("width", x.rangeBand())
          .attr("y", function(d) {return y(d.Value); })
          .attr("height", function(d) { return height - y(d.Value); });

          var texts = svg.selectAll(".text").data(data);

          texts.enter().append("text").attr("class","label").attr("x", (function(d) { return x(d.Country) + x.rangeBand() / 2 ; }  ))
                .attr("y", function(d) { return y(d.Value) + 1; })
                .attr("dy", ".75em")
                .text(function(d) { return d.Value; });  


          texts.transition().duration(200).attr("x", (function(d) { return x(d.Country) + x.rangeBand() / 2 ; }  ))
                .attr("y", function(d) { return y(d.Value) + 1; })
                .attr("dy", ".75em")
                .text(function(d) { return d.Value; });  

          bars.exit().remove();

          svg.selectAll(".axis").remove();

          svg.append("g")
             .attr("class", "x axis")
             .attr("transform", "translate(0," + height + ")")
             .call(xAxis);

          svg.append("g")
              .attr("class", "y axis")
              .call(yAxis)
              .append("text")
              .attr("transform", "rotate(-90)")
              .attr("y", 6)
              .attr("dy", ".71em")
              .style("text-anchor", "end")
              .text("Value");

        }

---

您没有向文本中添加类

这将选择包含类文本的所有DOM

var text=svg.selectAll（“.text”）.data（数据）；
文本
.输入（）
.append（“文本”）
.attr（“类”、“标签文本”）text.enter（）行和text.transitions（）行都正确吗？我缺少transitions（）中的.attr（“类”、“标签”）仅正确吗？我仍然可以看到旧标签。您可以给出一个如何将类添加到文本中的示例吗？我应该用css写什么？不，当你把文本附加到选择中时，你需要添加它类。
var texts = svg.selectAll(".text").data(data);



texts
.enter()
.append("text")
.attr("class","label text") <-- add text class here
.attr("x", (function(d) { return x(d.Country) + x.rangeBand() / 2 ; }  ))
                .attr("y", function(d) { return y(d.Value) + 1; })
                .attr("dy", ".75em")
                .text(function(d) { return d.Value; }); 

bars.exit().remove();
texts.exit().remove(); <--- add this to remove exited text