Docs / Area charts

Area spline

Pro

A smooth area chart with semi-transparent overlapping fills.

Illustration — rendered output uses live data.

Example

blade 
<chart:areaspline
    :series="[
        ['name' => 'John', 'data' => [3, 4, 3, 5, 4, 10, 12]],
        ['name' => 'Jane', 'data' => [1, 3, 4, 3, 3, 5, 4]],
    ]"
    :categories="['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']"
/>

Props

Prop Type Default Description
series array [] Series objects ([name, data]).
categories array [] Labels for the x-axis.
stack bool|string false Stack the areas.

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