How to Create a Stacked Area Chart
Data Format
One row per data point, same as an area chart, with two or more Y columns.
| X | Y (Mobile %) | Y1 (Desktop %) | Y2 (Tablet %) |
|---|---|---|---|
| Jan | 58 | 30 | 12 |
| Feb | 56 | 32 | 12 |
| Mar | 59 | 29 | 12 |
| Apr | 61 | 28 | 11 |
- X (required): position along the horizontal axis, a category name or a number.
- Y, Y1, Y2... (required, numeric): each column is one series. Areas stack bottom to top in column order, so the height of any one band is that series' own value, but the top edge of the stack is the sum of every series up to that point.
Unlike a plain area chart, there's no in-panel toggle to switch a chart between overlapping and stacked once it's created, stacking is set by which starting point you open (this page's "Create a stacked area chart" button, vs a plain Area Chart).
Chart Elements
A stacked area chart uses the same style panel as a regular area/line chart, see the Line Chart guide for the full control set: Line, Area Fill, Point Labels, Axis, Gridlines, Axis Tick Labels, and Legend. What's different:
Axis
Y Max, when left on Auto, is calculated from the tallest stacked total across all X values, not the single highest series value like an overlapping area or line chart uses.
Line
Each series still gets its own stroke color and the same Smooth curve toggle, drawn along the top edge of its own band in the stack rather than at its raw Y value.