Docs / Basics

Column chart

Free

Vertical bars for comparing values across categories. Stack to compare composition.

Illustration — rendered output uses live data.

Example

blade 
<chart:column
    :series="[['name' => 'Sales', 'data' => [44, 55, 41, 67, 22]]]"
    :categories="['Q1', 'Q2', 'Q3', 'Q4', 'Q5']"
/>

Props

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

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

Next Bar chart →