ColumnVarianceWaterfallChart

Each period's actual and plan columns sit under a bridge of the period deviations, which walks from the plan total on the left to the actual plus forecast total on the right, with a relative deviation tier on top.

When to use

A monthly plan-vs-actual build-up: see each period's columns, how the variances bridge from the plan total to the actual+forecast total, and the relative deviations - the flagship integrated period chart.

Example

import { ColumnVarianceWaterfallChart } from "ibcs-react";

<ColumnVarianceWaterfallChart
  title="Net sales in kEUR - 2025 (AC vs PL)"
  data={[
    { category: "Jan", ac: 15, pl: 11 },
    { category: "Sep", ac: 26, pl: 15, isForecast: true },
    { category: "Dec", ac: 29, pl: 19, isForecast: true },
  ]}
  priorTotals={[
    { label: "2024 AC", value: 174, scenario: "PY" },
    { label: "2025 PL", value: 154, scenario: "PL" },
  ]}
  endTotal={{
    label: "2025 AC+FC",
    segments: [
      { label: "AC", value: 83 },
      { label: "FC", value: 95, forecast: true },
    ],
  }}
/>;

Periods marked isForecast draw hatched, and the matching forecast: true segment in endTotal keeps the year total honest about how much of it is still forecast. The total columns are set apart from the period axis, as IBCS prescribes for figures that are not part of the series.

Props