在圆环饼图p5js中显示数据标签

function setup() {
  createCanvas(400, 400);
}

let data = [30, 50, 20];

let total = data.reduce((a, b) => a + b, 0);

let colors = ['#ff0000', '#00ff00', '#0000ff'];

let startAngle = 0;
for (let i = 0; i < data.length; i++) {
  let endAngle = startAngle + (data[i] / total) * TWO_PI;
  fill(colors[i]);
  arc(width / 2, height / 2, 200, 200, startAngle, endAngle);
  startAngle = endAngle;
}

startAngle = 0;
for (let i = 0; i < data.length; i++) {
  let endAngle = startAngle + (data[i] / total) * TWO_PI;
  let labelAngle = startAngle + (endAngle - startAngle) / 2;
  let x = width / 2 + cos(labelAngle) * 100;
  let y = height / 2 + sin(labelAngle) * 100;
  fill(0);
  textAlign(CENTER, CENTER);
  text(data[i], x, y);
  startAngle = endAngle;
}