CategoryChart
Répartition visuelle des dépenses par catégorie sur une période donnée.
Source : src/components/ui/category-chart.tsx
Props
Source : src/components/ui/category-chart.tsx
| Prop | Type | Requis | Défaut | Description |
|---|---|---|---|---|
data30 | CategoryTotal[] | ✓ | — | — |
data90 | CategoryTotal[] | ✓ | — | — |
data180 | CategoryTotal[] | ✓ | — | — |
Règles
- Top N catégories (N = 6 ou 8), le reste regroupé dans « Autres »
- Couleurs dérivées d'une palette fixe (pas de génération random — instabilité visuelle entre rechargements)
- Légende à droite ou dessous selon breakpoint
Accessibilité
- Chaque segment a un libellé + valeur accessibles (pas seulement par couleur)
- Tableau équivalent en fallback (Progressive Enhancement)