Docs / Area charts

Gradient area

Pro

A smooth area chart where each series fades from its colour to transparent. Optionally stacked.

Illustration — rendered output uses live data.

Example

blade 
<chart:area-gradient
    :series="[['name' => 'Revenue', 'data' => [120, 180, 150, 260]]]"
    :categories="['Q1', 'Q2', 'Q3', 'Q4']"
/>

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 areas.
smooth bool true Render smooth curves.

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 Stacked area →