Orbit UI

Area Chart

PRO

Areas apiladas o superpuestas para varias series, con leyenda, guia vertical y tooltip que lista todas las series del punto.

npx orbitui-cli add area-chart

Sesiones por canal

12.10012.4%
  • Orgánico
  • Pago
  • Referidos

Props

PropTipoDescripción
series*AreaSeries[]
labels*string[]
mode"stacked" | "overlay"`stacked` suma las series; `overlay` las superpone con transparencia.
heightnumber
showLegendboolean
formatValue(value: number) => string
classNamestring
aria-label*string

Qué instala

Archivo
components/orbit/charts/area-chart.tsx
Componentes
chart-core
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.