Docs / Line charts

Time series

Pro

A line over a datetime axis. Data points are [date, value] pairs, with zoom/pan.

Illustration — rendered output uses live data.

Example

blade 
<chart:line-time
    :series="[['name' => 'USD/EUR', 'data' => [
        ['2024-01-01', 0.91], ['2024-02-01', 0.93], ['2024-03-01', 0.92],
    ]]]"
/>

Props

Prop Type Default Description
series array [] Series with [date, value] data pairs.
smooth bool false Render smooth lines.
zoom bool true Show zoom/pan controls.

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 Spline (irregular time) →