Oihana Next UI - 0.9.0

Application logo

Circular Charts

Basculez aussi le thème clair/sombre : les textes, axes et grilles suivent DaisyUI.

Pie

Donut par défaut (innerRadius 0.5), avec les labels liés à l'extérieur.

Pie — camembert plein, sans labels liés

innerRadius=0 et arcLinkLabels=false : la marge se libère et le cercle grandit.

RadialBar

Un anneau par série, coloré par catégorie. SVG uniquement chez nivo.

Radar

Compare des profils sur les mêmes dimensions. SVG uniquement chez nivo ; le survol montre toute la branche d'un coup.

Radar — grille anguleuse

gridShape='linear' : la grille suit le polygone au lieu d'être circulaire.

Chord

Des flux entre entités, pas des valeurs par entité. data est une matrice carrée : data[i][j] est le flux de keys[i] vers keys[j]. Survolez un arc pour un total, un ruban pour un flux dans les deux sens.

PolarBar

Mêmes données qu'un BarChart (keys + indexBy), mais enroulées autour d'un cercle. Un budget mensuel : douze mois cycliques, où décembre voisine janvier — ce qu'une ligne droite ne montre pas. À ne pas confondre avec RadialBar, qui dessine un anneau par série.

PolarBar — demi-cercle

startAngle / endAngle ouvrent l'arc. L'axe radial suit : son angle est ramené dans l'arc dessiné, sans quoi ses graduations flotteraient dans le vide.