Donut

Le donut est utilisé pour montrer une répartition par rapport à un total en pourcentage, en montant, en nombre, en catégories par exemples. Il permet de représenter un découpage de segments. La somme totale de tous les segments équivaut à l’addition de tous les segment.

Anatomie

Open

1. Titre

2. Graphique

3. Label au premier plan (facultatif)

4. Tooltip au hover

5. Donnée centrale

6. Légende

Usage

Titre

• Le titre est facultatif dans le contexte de crud

• Le titre est est obligatoire dans le contexte de widget. Consulter la rubrique : Tableau de bord et widgets | Quel titre pour mon widget ?

• Affichage des labels au premier plan (facultatif)

Afficher le label au premier plan n’est pas obligatoire. . Dans le cas où le label apporte une information qui permet à l’utilisateur de mieux interpréter le donut, le label peut être utilisé. Des informations supplémentaires peuvent être indiquées dans le tooltips (voir ci-dessous).

• Tooltip au hover : pousser des informations au second plan

Au hover, la tooltip indique des informations supplémentaires.

L’intégrateur peut personnaliser les infos qui y figureront. Exemples :

• le type de segment / la légende

• la donnée chiffrée + son unité

• le pourcentage

• Donnée centrale

Le centre du graphique peut indiquer la somme des segments.

• Légende

La légende est obligatoire. Elle indique le détail des segments

Bonnes pratiques

• S’assurer que la somme des segments atteigne un nombre total.

• Comparer maximum 7/8 catégories par série de données. S’il y en a plus utiliser un graphique à barres à la place.