Je travaille sur une application volumineuse et il serait très utile de placer des étiquettes sur un graphique à secteurs ou en anneau en dehors du graphique lui-même.

Ce plugin, externalLabels, est exactement ce que je recherche, mais je n'arrive pas à lui faire sortir quoi que ce soit.

Je n'ai pas réussi à trouver un moyen d'accomplir cela en utilisant Chart.js et c'est avec cela que je suis coincé maintenant.

J'ai importé le plugin 从'chartjs-plugin-outerlabels'导入{}; Aimez aussi import 'chartjs-plugin-outerlabels';

Voici un exemple de la façon dont je définis les options du graphique :

function getPieChartOptions(chartTitle: string) {
    const options: ChartOptions = {
        responsive: true,
        plugins: {
            outerLabels: {
                fontNormalSize: 12,
                fontNormalFamily: 'sans-serif',
            },
            legend: {
                display: true,
                labels: {
                    usePointStyle: true,
                    font: {
                        family: 'sans-serif',
                        size: 12,
                    }
                }
            },
            title: {
                display: true,
                text: chartTitle,
                color: 'black',
                padding: 5,
                font: {
                    size: 16,
                    family: 'sans-serif',
                }
            },
            datalabels: {
                color: 'white',
                formatter: commas.format,
            }
        },
    };
    return options;
}

Voici un exemple de graphique en anneau au sein du projet lui-même :

Si quelqu'un peut aider à faire fonctionner ce plugin, ou a une autre solution pour résoudre ce problème, ce serait grandement apprécié !