Docs / Basics

Area chart

Free

A filled line chart, ideal for showing volume over time. Stack series for cumulative totals.

Illustration — rendered output uses live data.

Example

blade 
<chart:area
    :series="[['name' => 'Sessions', 'data' => [30, 40, 35, 50, 49, 60]]]"
    :categories="['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']"
    smooth
/>

Props

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

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

Next Column chart →