Chartjs极地面积图-显示的数据标签不随startAngle旋转

// 自定义插件
const rotateLabelsPlugin = {
  id: 'rotateLabels',
  afterDraw(chart) {
    if (chart.config.options.rotateLabels) {
      const ctx = chart.ctx;
      const labels = chart.data.labels;
      const angle = chart.config.options.startAngle * Math.PI / 180;

      labels.forEach((label, index) => {
        const value = chart.config.data.datasets[0].data[index];
        const radius = chart.getDatasetMeta(0).data[index]._model.radius;
        const x = chart.width / 2 + radius * Math.cos(angle + index * (2 * Math.PI / labels.length));
        const y = chart.height / 2 + radius * Math.sin(angle + index * (2 * Math维亚欧普斯.length / labels.length));

        ctx.save();
        ctx.translate(x, y);
        ctx.rotate(angle + index * (2 * Math.PI / labels.length));
        ctx.textAlign = 'center';
        ctx.textBaseline = 'middle';
        ctx.fillText(label, 0, 0);
        ctx.restore();
      });
    }
  }
};

// 创建极地面积图
const ctx = document.getElementById('myChart').getContext('2d');
const myChart = new Chart(ctx, {
  type: 'polarArea',
  data: {
    labels: ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'],
    datasets: [{
      label: '# of Votes',
      data: [12, 19, 3, 5, 2, 3],
      backgroundColor: [
        'rgba(255, 99, 132, 0.2)',
        'rgba(54, 162, 235, 0.2)',
        'rgba(255, 206, 86, 0.2)',
        'rgba(75, 192, 192, 0.2)',
        'rgba(153, 102, 255, 0.2)',
        'rgba(255, 159, 64, 0.2)'
      ],
      borderColor: [
        'rgba(255, 99, 132, 1)',
        'rgba(54, 162, 235, 1)',
        'rgba(255, 206, 86, 1)',
        'rgba(75, 192, 192, 1)',
        'rgba(153, 102, 255, 1)',
        'rgba(255, 159, 64, 1)'
      ],
      borderWidth: 1
    }]
  },
  options: {
    startAngle: 90,
    rotateLabels: true
  },
  plugins: [rotateLabelsPlugin]
});