Docs / Column & bar

Stacked column

Pro

Vertical bars stacked to show cumulative totals and composition.

Illustration — rendered output uses live data.

Example

blade 
<chart:column-stacked
    :series="[
        ['name' => 'Product A', 'data' => [44, 55, 41, 67]],
        ['name' => 'Product B', 'data' => [13, 23, 20, 8]],
    ]"
    :categories="['Q1', 'Q2', 'Q3', 'Q4']"
/>

Props

Prop Type Default Description
series array [] Series objects ([name, data]).
categories array [] Labels for the x-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 Stacked bar →