如何在chart js中显示甜甜圈侧面的标签

<canvas id="myChart"></canvas>

var ctx = document.getElementById('myChart').getContext('2d');
var myChart = new Chart(ctx, {
    type: 'doughnut',
    data: {
        labels: ['标签1', '标签2', '标签3'],
        datasets: [{
            data: [30, 50, 20],
            backgroundColor: ['#ff6384', '#36a2eb', '#ffce56']
        }]
    },
    options: {
        cutoutPercentage: 70, // 控制甜甜圈的大小
        legend: {
            display: false // 隐藏默认的图例
        },
        tooltips: {
            enabled: false // 禁用默认的工具提示
        },
        plugins: {
            datalabels: {
                color: '#fff', // 标签文字颜色
                font: {
                    weight: 'bold' // 标签文字加粗
                },
                formatter: function(value, context) {
                    return context.chart.data.labels[context.dataIndex] + ': ' + value + '%'; // 自定义标签显示格式
                }
            }
        }
    }
});