Docs / Column & bar

Stacked bar

Pro

Horizontal bars stacked to show cumulative totals.

Illustration — rendered output uses live data.

Example

blade 
<chart:bar-stacked
    :series="[
        ['name' => '2022', 'data' => [320, 280, 190]],
        ['name' => '2023', 'data' => [400, 330, 240]],
    ]"
    :categories="['Europe', 'Asia', 'Americas']"
/>

Props

Prop Type Default Description
series array [] Series objects ([name, data]).
categories array [] Labels for the category axis.

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 column →