如何更改文本在弧上下文2d上的显示顺序，并停止在画布2d上的填充样式覆盖(使用chart.js)？

var ctx = document.getElementById('myChart').getContext('2d');
var myChart = new Chart(ctx, {
    type: 'pie',
    data: {
        labels: ['Label 1', 'Label 2', 'Label 3'],
        datasets: [{
            data: [10, 20, 30],
            backgroundColor: ['red', 'green', 'blue']
        }]
    },
    options: {
        plugins: {
            beforeDraw: function(chart) {
                var ctx = chart.ctx;
                var labels = chart.data.labels;
                var data = chart.data.datasets[0].data;
                var total = data.reduce(function(prev, curr) {
                    return prev + curr;
                });

                var startAngle = 0;
                for (var i = 0; i < data.length; i++) {
                    var angle = (Math.PI * 2 * data[i]) / total;
                    var endAngle = startAngle + angle;

                    var midAngle = startAngle + (angle / 2);
                    var x = chart.width / 2 + Math.cos(midAngle) * (chart.width / 2.5);
                    var y = chart.height / 2 + Math.sin(midAngle) * (chart.height / 2.5);

                    ctx.fillStyle = 'black'; // 设置文本颜色
                    ctx.font = '12px Arial'; // 设置文本字体和大小
                    ctx.textAlign = 'center';
                    ctx.textBaseline = 'middle';

                    // 绘制文本
                    ctx.fillText(labels[i], x, y);

                    startAngle = endAngle;
                }
            }
        }
    }
});

var ctx = document.getElementById('myChart').getContext('2d');
var myChart = new Chart(ctx, {
    type: 'bar',
    data: {
        labels: ['Label 1', 'Label 2', 'Label 3'],
        datasets: [{
            data: [10, 20, 30],
            backgroundColor: 'red'
        }]
    },
    options: {
        elements: {
            rectangle: {
                backgroundColor: 'blue'
            }
        }
    }
});

// 设置合成操作
ctx.globalCompositeOperation = 'destination-over';