Sparkline
PROMicro-grafico de linea en SVG puro, sin librerias. Curva Catmull-Rom, gradiente de area, punto activo que sigue al cursor y tooltip. Es la prueba de concepto del motor de charts de la Fase 1.
npx orbitui-cli add sparklineIngresos
$18.2407.9%
Props
| Prop | Tipo | Descripción |
|---|---|---|
data* | number[] | — |
labels | string[] | — |
series | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Indice de la serie en la paleta de charts (1-8). |
width | number | — |
height | number | — |
showArea | boolean | Rellena el area bajo la curva con un gradiente que se desvanece. |
formatValue | (value: number) => string | — |
className | string | — |
aria-label* | string | — |
Qué instala
- Archivo
components/orbit/charts/sparkline.tsx- Componentes
- 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.