如何在堆叠的水平条形图中将跟踪文本居中对齐

// 假设已经创建了堆叠的水平条形图，并有相应的数据和布局

// 计算文本的横坐标
var textX = function(d) {
  // 获取当前条形的宽度
  var barWidth = d[1] - d[0];
  // 计算文本的横坐标为当前条形的起始位置加上一半的宽度
  return d[0] + barWidth / 2;
};

// 设置文本的位置属性为居中对齐
var textAnchor = "middle";

// 绘制文本
svg.selectAll(".text")
  .data(data)
  .enter()
  .append("text")
  .attr("class", "text")
  .attr("x", textX)
  .attr("y", function(d) {
    // 获取当前条形的纵坐标
    var barY = yScale(d.key);
    // 设置文本的纵坐标为当前条形的纵坐标加上一半的高度
    return barY + yScale.bandwidth() / 2;
  })
  .attr("text-anchor", textAnchor)
  .text(function(d) {
    // 根据需要显示的文本内容进行设置
    return d.value;
  });