Line Chart
PROLinea sobre gradiente de area, con grilla, ejes, switcher de rango, punto activo que sigue al cursor y tooltip. Una prop cambia entre curva suave y segmentos rectos.
npx orbitui-cli add line-chartIngresos
$19.4008.4%
Props
| Prop | Tipo | Descripción |
|---|---|---|
data* | number[] | — |
labels* | string[] | — |
series | number | Indice de la serie en la paleta de charts (1-8). |
height | number | — |
smooth | boolean | `false` dibuja segmentos rectos en lugar de la curva suavizada. |
showArea | boolean | — |
showGrid | boolean | — |
formatValue | (value: number) => string | — |
className | string | — |
aria-label* | string | — |
Qué instala
- Archivo
components/orbit/charts/line-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.