> ## Documentation Index
> Fetch the complete documentation index at: https://cubed3-igor-docs-cartesian-chart-builder.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Area

> Show volume or part-to-whole trends over time with a filled region beneath the line.

Area charts add a filled region beneath the line. The fill communicates magnitude and cumulative volume, making area charts especially effective for stacked part-to-whole breakdowns over time.

## Variants

### Stacked

Break the measure down by a dimension and leave its placement at **Stacked**: the areas stack on each other. The top edge shows the cumulative total and each filled band its individual contribution. Use this for part-to-whole breakdowns over time, such as revenue by product category over months.

### Stacked to 100%

Set the placement to **Stacked to 100%** and the areas fill the full height at every position, showing proportional contribution over time. Use when relative share matters more than absolute volume.

### Overlaid

Set the placement to **Overlaid** and the areas share the baseline. Use only when the series are clearly separated in value and you want to compare trajectories rather than totals — with many series, the fills occlude each other.

## Placement

Placement is set on the measure's **Break down by** row in the Fields tab: **Stacked**, **Overlaid**, or **Stacked to 100%**. Each measure is placed independently. See [Fields](/docs/explore-analyze/charts/configuration/fields#break-down-by) for the full reference.

See [Color & legend](/docs/explore-analyze/charts/configuration/color-and-stacking) for palette options.

## Area appearance

An area's row in its axis section on the Style tab carries an **Interpolation** picker — **Linear**, **Step**, or **Smooth** — and a **Trend line** toggle.

## Axis behavior

Area charts use a temporal dimension axis for time dimensions — continuous and time-aware. For non-time fields, the axis is ordinal.