Pie Chart - DSFR Chart

Le composant <pie-chart> represente des proportions et distributions.

Attributs

Attribut	Type	Description
`x`	String	Labels en JSON : `'[["A", "B", "C"]]'`
`y`	String	Valeurs en JSON : `'[[30, 50, 20]]'`
`name`	String	Noms pour la legende
`selected-palette`	String	Palette de couleurs
`unit-tooltip`	String	Unite dans les tooltips
`fill`	Boolean	Remplissage plein (true) ou donut (false)

Exemples

1. Donut (par defaut)

<pie-chart
  x='[["Actifs", "Inactifs", "En maintenance"]]'
  y="[[75, 15, 10]]"
  name='["Actifs", "Inactifs", "En maintenance"]'
  selected-palette="categorical"
  unit-tooltip="%">
</pie-chart>

2. Camembert plein

<pie-chart
  x='[["CDI", "CDD", "Interim", "Apprentis"]]'
  y="[[74.8, 9.3, 2.6, 1.6]]"
  fill="true"
  selected-palette="sequentialDescending">
</pie-chart>

3. Repartition budgetaire

<pie-chart
  x='[["Education", "Sante", "Defense", "Ecologie", "Autres"]]'
  y="[[28, 22, 18, 15, 17]]"
  selected-palette="divergentAscending">
</pie-chart>