Docs / Line charts

Entrance animation

Pro

A line chart with a custom entrance animation — configurable easing and a staggered per-point delay.

Illustration — rendered output uses live data.

Example

blade 
<chart:line-animated
    :series="[['name' => 'Visits', 'data' => [120, 200, 150, 280, 300]]]"
    :categories="['Mon', 'Tue', 'Wed', 'Thu', 'Fri']"
    easing="elasticOut"
/>

Props

Prop Type Default Description
series array [] Series objects or a flat list of numbers.
categories array [] Labels for the x-axis.
easing string cubicOut Animation easing (e.g. elasticOut).
duration int 1200 Animation duration in ms.

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