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.