Graphique en Anneau / Graphique en Secteurs

Comment créer un graphique en anneau (doughnut) ou un graphique en secteurs (pie) dans Chart JS. Dans cet article, nous couvrirons comment créer un graphique en anneau (doughnut) ou un graphique en secteurs (pie). Créer un graphique en anneau (doughnut) ou un graphique en secteurs (pie) dans Chart JS est assez simple. Vous pouvez suivre la vidéo ci-dessous pour savoir comment faire cela.

Graphique en Anneau (Doughnut) ou en Secteurs (Pie) dans Chart JS

Dans Chart JS, la différence entre un graphique en anneau (doughnut chart) et un graphique en secteurs (pie chart) est très mince. La seule différence est le pourcentage de "cutout" (découpe), qui est réglé à 50 % pour un graphique en anneau (doughnut chart) et à 0 % pour un graphique en secteurs (pie chart). Ce paramètre, défini dans l'espace de noms, crée ce qu'on appelle le "trou" dans le graphique en anneau (doughnut chart).

La vidéo expliquera comment convertir un graphique standard en 3 sections principales. La documentation officielle de Chart JS a tendance à montrer un exemple standard qui est courant pour Chart JS 1 et Chart JS 2. Ce sont deux excellentes versions, mais dans la dernière version, la documentation évolue progressivement. C'est pourquoi il est essentiel de comprendre les différents blocs qui sont le bloc de configuration (setup), le bloc de configuration (config) et le bloc d'initialisation ou de rendu (initiate/render).