Inserting percentage charts.js doughnut

Question

i\'m, using charts.js librarie and would like to know how could I add some mark to the hole of a doughnut chart (sth like a percentage)-

Answer 1

I think the accepted answer does not work, at least for me. Here is my solution:

let canvas = document.getElementById('chart-area');
let ctx = canvas.getContext('2d');
let perc = 25;

const config = {
    type: 'doughnut',
    data: {
        datasets: [{
            data: [
                perc,
                100-perc
            ],
            backgroundColor: [
                window.chartColors.green,
                window.chartColors.gray
            ]
        }]
    },
    options: {
        responsive: true,
        animation: {
            animateScale: true,
            animateRotate: true,
            onComplete : function() {
                var cx = canvas.width / 2;
                var cy = canvas.height / 2;
                ctx.textAlign = 'center';
                ctx.textBaseline = 'middle';
                ctx.font = '16px verdana';
                ctx.fillStyle = 'black';
                ctx.fillText(perc+"%", cx, cy);
            }
        },
    }
};

new Chart(ctx, config);