Orbit UI

Combo Chart

PRO

Barras y linea sobre el mismo grafico, con eje derecho independiente. El caso tipico: volumen en barras y tasa de conversion en linea, dos magnitudes que no comparten escala.

npx orbitui-cli add combo-chart

Pedidos y conversión

4.8208.6%

Volumen en barras, tasa de conversión en línea

  • Pedidos
  • Conversión

Props

PropTipoDescripción
labels*string[]
bars*{ label: string; data: number[]; series?: number }
line*{ label: string; data: number[]; series?: number }
heightnumber
formatBar(value: number) => string
formatLine(value: number) => string
classNamestring
aria-label*string

Qué instala

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