Cartesian Charts
Basculez aussi le thème clair/sombre : les textes, axes et grilles suivent DaisyUI.
Line
5 séries, axe catégoriel, légende à droite.
Line — axe temporel
xScale='time' : les ticks sont formatés dans la locale active (dayjs).
Bar
Une seule série, sans légende — les marges se réduisent d'elles-mêmes.
StackBar
6 séries empilées — la limite de lisibilité de la palette 'brand'.
Bar horizontal
layout='horizontal' — xAxis reste l'axe du bas, yAxis celui de gauche.
Marimekko
L'épaisseur de chaque barre porte elle aussi une valeur — ici le nombre de répondants. Un empilement classique montrerait quatre barres identiques et masquerait que « Les open spaces » pèse cinq fois « Le flex office ».
Marimekko — offset='expand'
Toutes les barres ramenées à la même longueur : les empilements deviennent des pourcentages, l'épaisseur garde le poids absolu.
États — vide et chargement
Gérés une fois dans ChartFrame, donc identiques sur les 14 composants. La boîte garde sa taille dans les trois états : la page ne saute pas quand les données arrivent.
Aucune donnée sur la période
Aucune donnée sur la période
Élargis l'intervalle ou change de filtre.