Docs / Line charts

Line race

Pro

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

Illustration — rendered output uses live data.

Example

blade 
<chart:line-race
    :series="[
        ['name' => 'USA', 'data' => [10, 20, 35, 50, 61]],
        ['name' => 'China', 'data' => [5, 18, 40, 62, 78]],
    ]"
    :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 Entrance animation →