# XWUIChartBudgetBreakdown

A budget-breakdown chart backed by `XWUIChart` (`type: 'budgetBreakdown'`) that decomposes a budget into its component categories for comparison. Provide named `series` of `{ x, y }` points and pick a `block` (1-4) and `size` preset (`sm`, `md`, `lg`); it inherits the shared chart contract so legend, grid, axes, data labels, 3D, and tooltip/tick formatters can all be forwarded to the underlying chart.

## Basic Usage

Two named monthly series ("Series A" and "Series B") plotted across Jan-Jun at the md preset.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Two monthly series rendered as a budget-breakdown chart at the md size preset.
```

## Department Operating Budget

A single fiscal-year operating budget decomposed into its major spend categories with on-bar value labels.

```example
file: examples/DepartmentOpex.ts
html: examples/DepartmentOpex.html
title: Department Operating Budget
description: An engineering opex budget broken down across salaries, cloud, hardware and more.
```

## Budget vs Actual by Department

Approved budget against year-to-date actual spend across each department to surface overruns.

```example
file: examples/BudgetVsActual.ts
html: examples/BudgetVsActual.html
title: Budget vs Actual by Department
description: Budget and actual spend as two series across each cost center.
```

```api
```