Docs / Column & bar

Percentage column

Pro

A 100% stacked column chart showing each series as a percentage of the total.

Illustration — rendered output uses live data.

Example

blade 
<chart:column-percent
    :series="[
        ['name' => 'Desktop', 'data' => [60, 55, 48]],
        ['name' => 'Mobile', 'data' => [40, 45, 52]],
    ]"
    :categories="['2021', '2022', '2023']"
/>

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 Percentage bar →