在d3中，当我按下按钮更新条形图中的数据时，文本不会更新

// 假设你的数据存储在一个数组中
var data = [10, 20, 30, 40, 50];

// 选择条形图中的所有元素，并绑定数据
var bars = d3.select("#chart")
  .selectAll(".bar")
  .data(data);

// 更新已存在的条形图元素的高度
bars
  .attr("height", function(d) { return d; });

// 添加新的条形图元素
bars
  .enter()
  .append("rect")
  .attr("class", "bar")
  .attr("x", function(d, i) { return i * 25; })
  .attr("y", function(d) { return 100 - d; })
  .attr("width", 20)
  .attr("height", function(d) { return d; });

// 移除多余的条形图元素
bars
  .exit()
  .remove();

// 更新条形图上的文本内容
var text = d3.select("#chart")
  .selectAll("text")
  .data(data);

text
  .text(function(d) { return d; });

// 合并更新后的文本数据和元素
text
  .enter()
  .append("text")
  .attr("x", function(d, i) { return i * 25 + 10; })
  .attr("y", function(d) { return 100 - d - 5; })
  .text(function(d) { return d; })
  .merge(text);

text
  .exit()
  .remove();