无法在d3饼图上制作多行文本

// 创建饼图的大小和位置
var width = 500;
var height = 500;
var radius = Math.min(width, height) / 2;

// 创建饼图的布局
var pie = d3.pie()
  .value(function(d) { return d.value; })
  .sort(null);

// 创建饼图的弧形生成器
var arc = d3.arc()
  .innerRadius(0)
  .outerRadius(radius);

// 创建SVG容器
var svg = d3.select("body")
  .append("svg")
  .attr("width", width)
  .attr("height", height)
  .append("g")
  .attr("transform", "translate(" + width / 2 + "," + height / 2 + ")");

// 饼图的数据
var data = [
  { label: "文本1", value: 30 },
  { label: "文本2", value: 50 },
  { label: "文本3", value: 20 }
];

// 绘制饼图
var path = svg.selectAll("path")
  .data(pie(data))
  .enter()
  .append("path")
  .attr("d", arc)
  .attr("fill", function(d, i) { return color(i); });

// 创建文本元素
var text = svg.append("text")
  .attr("text-anchor", "middle")
  .attr("dy", ".35em");

// 更新文本内容和位置
text.text(function(d) { return d.data.label; })
  .attr("transform", function(d) { return "translate(" + arc.centroid(d) + ")"; });

// 设置文本样式
text.style("font-size", "12px")
  .style("fill", "black");

// 设置文本布局
text.call(wrap, 100);

// 文本换行函数
function wrap(text, width) {
  text.each(function() {
    var text = d3.select(this),
        words = text.text().split(/\s+/).reverse(),
        word,
        line = [],
        lineNumber = 0,
        lineHeight = 1.1, // ems
        y = text.attr("y"),
        dy = parseFloat(text.attr("dy")),
        tspan = text.text(null).append("tspan").attr("x", 0).attr("y", y).attr("dy", dy + "em");

    while (word = words.pop()) {
      line.push(word);
      tspan.text(line.join(" "));
      if (tspan.node().getComputedTextLength() > width) {
        line.pop();
        tspan.text(line.join(" "));
        line = [word];
        tspan = text.append("tspan").attr("x", 0).attr("y", y).attr("dy", ++lineNumber * lineHeight + dy + "em").text(word);
      }
    }
  });
}