Orbit UI

Earnings Chart

PRO

Columnas de ingresos y egresos alrededor de una linea cero, con el neto acumulado encima. Las barras negativas crecen hacia abajo, que es como se lee un flujo de caja.

npx orbitui-cli add earnings-chart

Flujo de caja

$147.00014.2%

Neto acumulado del período

  • Ingresos
  • Egresos

Props

PropTipoDescripción
labels*string[]
income*number[]
expenses*number[]Valores positivos: el componente los dibuja hacia abajo.
heightnumber
formatValue(value: number) => string
classNamestring
aria-label*string

Qué instala

Archivo
components/orbit/charts/earnings-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.