Docs / Column & bar

Percentage bar

Pro

A 100% stacked horizontal bar chart.

Illustration — rendered output uses live data.

Example

blade 
<chart:bar-percent
    :series="[
        ['name' => 'Yes', 'data' => [70, 55, 60]],
        ['name' => 'No', 'data' => [30, 45, 40]],
    ]"
    :categories="['Team A', 'Team B', 'Team C']"
/>

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 Negative columns →