Docs / Basics

Bar chart

Free

Horizontal bars — perfect for ranked lists and long category labels.

Illustration — rendered output uses live data.

Example

blade 
<chart:bar
    :series="[['name' => 'Votes', 'data' => [120, 90, 70, 50]]]"
    :categories="['Vue', 'React', 'Svelte', 'Angular']"
/>

Props

Prop Type Default Description
series array [] Series objects or a flat list of numbers.
categories array [] Labels for the category axis.
stack bool|string false Stack the bars.
legend bool true Show the series legend.

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

Next Pie chart →