Docs / Area charts

Stacked area

Pro

Filled series stacked on top of one another to show cumulative totals and composition.

Illustration — rendered output uses live data.

Example

blade 
<chart:area-stacked
    :series="[
        ['name' => 'Asia', 'data' => [1700, 2300, 3600]],
        ['name' => 'Africa', 'data' => [230, 360, 640]],
    ]"
    :categories="['1950', '1970', '1990']"
/>

Props

Prop Type Default Description
series array [] Series objects ([name, data]).
categories array [] Labels for the x-axis.
smooth bool false Render smooth curves.

Plus the common props (height, theme, model, class).

This is a Pro component

Unlock it and every other Pro chart with a one-time license.

Get WireCharts Pro
Next Percentage area →