GuillocheDocs GitHub v2.0.0

Chart

Graphique SVG simple, rendu par le serveur, sans JavaScript

Voir la source

avances v1.5.0 ui:Chart

Exemples

Aperçu

<twig:ui:Chart label="Missions par mois" :values="[3, 5, 4, 7]" :labels="['Jan', 'Fev', 'Mar', 'Avr']" />

Props

PropDéfautRôle
typebar`bar`, `line`
values[]Nombres
labels[]Libelles sous le graphique
height160Hauteur du viewBox
labelrequisNom accessible du graphique

Accessibilité

  • Le svg porte rôle="img" et un aria-label. Les libellés sont aria-hidden car redondants avec le nom accessible. Pour des données a lire precisement, fournir aussi un tableau equivalent.

README complet et exemples de la recette