ComboChart

Scenario columns on the left axis with a second, differently-scaled measure drawn against a right-hand axis - and the column variance underneath.

When to use

Two related measures with different units on one chart - e.g. revenue (€, columns) and margin (%, line).

Example

import { ComboChart } from "ibcs-react";

<ComboChart
  data={[{ category: "Q1", AC: 4.2e6, PY: 3.8e6 } /* … */]}
  secondary={[{ category: "Q1", value: 18.4 } /* … */]}
  primaryLabel="Revenue (€)"
  secondaryLabel="Margin (%)"
/>;

Two axes only earn their keep when the two measures are genuinely related and carry different units - always label both, and format the secondary series in its own unit via secondaryFormat. If the units match, one axis is the honest choice.

Props