Docs / Area charts

Area race

Pro

An animated area race that reveals each filled series progressively, with a replay control.

Illustration — rendered output uses live data.

Example

blade 
<chart:area-race
    :series="[
        ['name' => 'Solar', 'data' => [10, 20, 35, 50, 61]],
        ['name' => 'Wind', 'data' => [5, 18, 28, 44, 58]],
    ]"
    :categories="['2019', '2020', '2021', '2022', '2023']"
/>

Props

Prop Type Default Description
series array [] Series objects ([name, data]).
categories array [] Labels for the x-axis.
interval int 400 Milliseconds between revealed points.

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 Streamgraph →