Composants de Graphiques

Types de graphiques disponibles:

• Line: Graphique en ligne pour visualiser des tendances
• Bar: Graphique en barres pour comparer des valeurs
• Area: Graphique en aire pour montrer l'évolution cumulée
• Scatter: Graphique de dispersion pour analyser les corrélations
• Radar: Graphique radar pour comparer plusieurs métriques
• Donut: Graphique en donut pour visualiser des proportions
• Gauge: Graphique jauge pour afficher des valeurs dans une plage

Utilisation:

import { Chart, AdvancedCharts } from '@/components/ui';
import type { ChartDataPoint, ScatterDataPoint } from '@/components/ui';

// Basic chart
const data: ChartDataPoint[] = [
  { label: 'Jan', value: 65 },
  { label: 'Fév', value: 59 },
];

<Chart type="line" data={data} title="Mon graphique" height={300} />

// Advanced scatter chart
const scatterData: ScatterDataPoint[] = [
  { x: 10, y: 20, label: 'Point 1' },
  { x: 15, y: 30, label: 'Point 2' },
];

<AdvancedCharts type="scatter" data={scatterData} height={300} />