dsfr-data-chart - Composants

Wrapper qui connecte les graphiques officiels DSFR Chart au systeme dsfr-data-source pour une alimentation dynamique des donnees.

Ce composant utilise la bibliotheque officielle DSFR Chart tout en beneficiant de la connexion automatique aux sources de donnees.

Attributs

Attribut	Type	Description
`source`	String	ID du `<dsfr-data-source>` (requis)
`type`	String	Type de chart : `bar`, `line`, `pie`, `radar`, `gauge`, `scatter`
`label-field`	String	Chemin vers le champ label dans les donnees
`value-field`	String	Chemin vers le champ valeur dans les donnees
`selected-palette`	String	Palette : `default`, `categorical`, `sequential`, `divergent`
`unit-tooltip`	String	Unite affichee dans les tooltips (%, euro, etc.)
`horizontal`	Boolean	Barres horizontales (bar chart)
`stacked`	Boolean	Barres empilees (bar chart)
`fill`	Boolean	Remplissage plein (pie chart)

Types de graphiques

1. Graphique en barres verticales

<dsfr-data-chart
  source="sites"
  type="bar"
  label-field="nom"
  value-field="score_rgaa"
  selected-palette="categorical"
  unit-tooltip="%">
</dsfr-data-chart>

2. Graphique en barres horizontales

<dsfr-data-chart
  source="sites"
  type="bar"
  label-field="ministere"
  value-field="score_rgaa"
  horizontal="true">
</dsfr-data-chart>

3. Graphique en ligne

<dsfr-data-chart
  source="sites"
  type="line"
  label-field="nom"
  value-field="score_dsfr"
  unit-tooltip="%">
</dsfr-data-chart>

4. Diagramme circulaire (Pie)

<dsfr-data-chart
  source="sites"
  type="pie"
  label-field="ministere"
  value-field="score_rgaa"
  selected-palette="categorical">
</dsfr-data-chart>

5. Graphique radar

<dsfr-data-chart
  source="sites"
  type="radar"
  label-field="ministere"
  value-field="score_rgaa">
</dsfr-data-chart>

Comparaison : dsfr-data-chart vs DSFR Chart natif

Fonctionnalite	dsfr-data-chart	DSFR Chart natif
Donnees dynamiques	Oui (via dsfr-data-source)	Non (statiques)
Rafraichissement auto	Oui	Non
Transformation donnees	Automatique	Manuelle
Complexite d'usage	Simple	Moyenne