# XWUIChartStackedArea

A stacked area chart: a fixed-type wrapper around `XWUIChart` that layers each series' filled area on top of the previous one, so the band heights sum to the cumulative total at every x-position. Pass the same `{ series }` data as any chart plus a `block` preset (1-4) and `size`. Use it to show how multiple parts accumulate into a whole over time while still seeing each series' contribution.

## Basic Usage

This example renders two series (Series A and Series B) of six monthly values (Jan-Jun) as two filled bands stacked so the two series sum at each month, at medium size.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Two monthly series layered as stacked filled areas, where each month's band height adds Series B on top of Series A to show the running total.
```

## Renewable Generation Mix

Annual output from three renewable sources stacked into one total-supply band.

```example
file: examples/EnergyMix.ts
html: examples/EnergyMix.html
title: Renewable Generation Mix
description: Solar, wind, and hydro generation stacked year over year so the band height is total renewable supply and each layer is one source's share.
```

## Cloud Spend Breakdown

Quarterly cloud cost split across four services and stacked to the total run rate.

```example
file: examples/CloudCost.ts
html: examples/CloudCost.html
title: Cloud Spend Breakdown
description: Compute, storage, database, and network spend stacked per quarter, showing total cloud cost rising while compute drives the growth.
```

```api
```