Le composant <radar-chart> permet de comparer plusieurs variables simultanement.

Attributs

AttributTypeDéfautDescription
xString (JSON)—Requis. Axes du radar, tableau imbriqué : '[["RGAA", "DSFR", ...]]' (un sous-tableau par série)
yString (JSON)—Requis. Valeurs, tableau imbriqué : "[[85, 90, ...]]"
scale-min / scale-maxNumber—Bornes suggérées de l'échelle radiale
nameString (JSON)""Noms des séries : '["Série 1", "Série 2"]'
selected-paletteString""Palette DSFR Chart : default, categorical, sequentialAscending, sequentialDescending, divergentAscending, divergentDescending, neutral
unit-tooltipString""Unité affichée dans les tooltips
dateString""Date de la donnée (mention sous le graphique)
aspect-ratioNumber2Ratio largeur/hauteur du canvas

Les attributs databox-id, databox-type et databox-source servent à l'intégration DataBox — via dsfr-data-chart type="radar" databox, ils sont posés automatiquement.

Radar simple

<radar-chart
  x='[["RGAA", "DSFR", "Performance", "Securite", "Accessibilité"]]'
  y="[[85, 90, 75, 95, 88]]"
  selected-palette="default">
</radar-chart>

Comparaison multi-series

<radar-chart
  x='[["RGAA", "DSFR", "Perf", "Secu", "A11y"], ["RGAA", "DSFR", "Perf", "Secu", "A11y"]]'
  y="[[85, 90, 75, 95, 88], [70, 80, 90, 75, 82]]"
  selected-palette="categorical">
</radar-chart>