Steps Chart
PROColumnas diarias con linea de meta punteada. Las barras que superan la meta cambian de color, asi que cumplir o no se lee sin comparar contra el eje.
npx orbitui-cli add steps-chartPasos
73.4206.3%
Esta semana
Meta alcanzada 4 de 7 días
Props
| Prop | Tipo | Descripción |
|---|---|---|
data* | number[] | — |
labels* | string[] | — |
goal | number | Meta diaria. Dibuja una linea punteada y colorea las barras que la superan. |
height | number | — |
series | number | Serie para las barras que no llegan a la meta. |
goalSeries | number | Serie para las barras que la superan. |
formatValue | (value: number) => string | — |
className | string | — |
aria-label* | string | — |
Qué instala
- Archivo
components/orbit/charts/steps-chart.tsx- Componentes
- chart-core, cx
- Paquetes npm
- ninguno
A partir de la instalación el archivo es tuyo: editalo sin miedo. Si volvés a correr add y lo modificaste, el CLI pregunta antes de pisarlo.