Bloc Graphique en camembert / anneau
Une valeur par catégorie, montrée comme part d'un tout — un camembert, ou en mode anneau, un anneau avec de la place pour un chiffre principal au centre.
Comment ça fonctionne
Le graphique se rend comme un seul PNG généré côté serveur (aucune bibliothèque de graphiques côté client, aucun JavaScript) avec une légende toujours visible et un tableau de données HTML en dessous — le même engagement non négociable que prend chaque graphique de cette famille. Contrairement à la légende du graphique à barres/en courbes, la légende d'un camembert se rend toujours quel que soit le nombre de parts. Le titre propre d'un camembert ne peut pas nommer une part individuelle comme peut le faire une série isolée de barre/courbe en empruntant le titre du bloc, donc même un camembert à une seule part a besoin de sa légende pour dire ce qu'est cette part.
Chaque entrée de légende affiche le libellé de la part avec son pourcentage du total. Le tableau de données ajoute une troisième colonne (valeur exacte, en plus de la catégorie et du pourcentage), de sorte que la part arrondie en un coup d'œil et le chiffre précis sont toujours disponibles sous forme de texte.
La forme de saisie diffère des emplacements de série fixes du graphique à barres/en courbes : une ligne par catégorie, chacune avec une seule Valeur et une surcharge facultative de Couleur par part. Il n'y a pas de deuxième ou troisième série, puisqu'un camembert a exactement une mesure par catégorie par définition. Les lignes avec une catégorie vide ou une valeur nulle/négative sont entièrement ignorées plutôt que dessinées comme une part vide.
Au-delà de 8 parts, les plus petites se replient en une seule part synthétique « Autre », plutôt que de rendre le graphique illisiblement fin. Au-delà d'environ 8 parts, un camembert cesse de pouvoir montrer chacune à un angle distinguable, donc le repliement garde chaque part dessinée lisible. Le repliement conserve les 7 plus grandes parts par valeur et combine tout le reste dans « Autre ». La légende et le tableau de données reflètent tous deux le même repliement, de sorte que ce que vous lisez à côté du graphique correspond toujours à ce qui y est réellement dessiné. Rien n'est discrètement caché de la légende tout en étant toujours compté dans l'image, ni l'inverse.
Le mode anneau transforme le camembert en anneau. C'est seulement alors que les champs Valeur centrale et Libellé central font quelque chose, vous donnant un chiffre de type KPI au milieu de l'anneau. C'est une paire saisie par l'auteur, non dérivée des valeurs des parts — le même précédent « saisi, pas déduit » que la propre direction de Δ de la carte de score KPI. Un camembert plein n'a pas de trou où mettre du texte, donc ces champs sont simplement inertes tant que le mode Anneau n'est pas activé.
Champs configurables :
- Titre du graphique — affiché au-dessus de l'image.
- Bascule Anneau (centre creux).
- Données — la liste de lignes (Catégorie + Valeur + Couleur facultative).
- Valeur centrale / Libellé central — anneau uniquement.
- Couleur de fond, marge intérieure, bordure, rayon de bordure sur la carte.
- Paires indépendantes de couleur/taille de police pour le titre et le texte de la légende/du tableau.
Un graphique en camembert peut aussi lier ses parts à une source de données connectée au lieu de saisir des lignes — un champ Regrouper par (chaque valeur distincte devient une part) plus un champ Valeur et un agrégat (Somme, Moyenne, Compte, ou Dernière ligne). Un filtre facultatif peut référencer les balises de fusion du destinataire pour une part par destinataire de la même source. Voir Lier des graphiques à de vraies données pour la mécanique complète, y compris le mode résultats de réponse de campagne — représenter directement la distribution des votes d'un sondage ou d'une notation passée, par exemple.
Exemples
Subject
Where your traffic is coming from
Un rapport post-campagne peut représenter en camembert la distribution des votes d'un sondage en se liant directement aux résultats de réponse de cette campagne — sans besoin de source de données, juste en choisissant le sondage dans le sélecteur — de sorte que le rapport reflète toujours le décompte actuel du sondage. Un récapitulatif d'abonnement pourrait utiliser un graphique en anneau pour « répartition des forfaits » (Free/Starter/Pro/Business comme parts) avec le centre montrant le total des comptes actifs comme un chiffre de type KPI à l'intérieur même de l'anneau. Un digest de support avec une douzaine de catégories de tickets s'appuie sur le repliement automatique « Autre » pour garder le graphique lisible, en faisant confiance au tableau de données en dessous pour toujours lister chaque catégorie individuelle avec son décompte exact.
À quoi ressemble l'alternative statique
<div style="margin:12px 0;padding:16px;background-color:#ffffff;border-radius:8px">
<p style="margin:0 0 8px;font-weight:600;font-size:15px;color:#111827">Plan mix</p>
<img src="https://mailinapp.com/api/analytics/chart?d=eyJ0eXBlIjoi...&s=3f9a2b1c..." width="320" height="320"
alt="Donut chart: Free 420 (52%), Starter 210 (26%), Pro 175 (22%)"
style="display:block;max-width:100%;height:auto;margin:8px 0" />
<div style="display:flex;flex-wrap:wrap;gap:12px;margin:0 0 6px">
<span style="font-size:12px;color:#6b7280">
<span aria-hidden="true" style="display:inline-block;width:10px;height:10px;background-color:#4f46e5"></span>
Free (52%)
</span>
</div>
<table style="width:100%;border-collapse:collapse;margin-top:4px">
<tr>
<th style="text-align:left;padding:4px 8px;font-weight:600;font-size:12px;color:#6b7280">Category</th>
<th style="text-align:left;padding:4px 8px;font-weight:600;font-size:12px;color:#6b7280">Value</th>
<th style="text-align:left;padding:4px 8px;font-weight:600;font-size:12px;color:#6b7280">Percent</th>
</tr>
<tr>
<td style="text-align:left;padding:4px 8px;font-size:12px;color:#6b7280">Free</td>
<td style="text-align:left;padding:4px 8px;font-size:12px;color:#6b7280">420</td>
<td style="text-align:left;padding:4px 8px;font-size:12px;color:#6b7280">52%</td>
</tr>
</table>
</div>
La légende et le tableau portent tous deux exactement le même libellé/valeur/pourcentage pour chaque part — délibérément dupliqué, puisque la légende est faite pour un coup d'œil rapide et le tableau est la source précise.