import { LineSeries } from '@wick-charts/react';
 
<LineSeries data={data} />

Renders one or more line/area layers from time-series data. Each entry in the data array becomes a separate stroked path (and optional gradient fill) sharing the same axes and stacking mode. Pass series options via options — they merge with the chart-level defaults.

Renders one or more line/area layers from time-series data. Each entry in the data array becomes a separate stroked path (and optional gradient fill) sharing the same axes and stacking mode. Pass series options via options — they merge with the chart-level defaults.

Props

data
TimePointInput[]
| TimePointInput[][]
| SeriesLayer<TimePointInput>
| SeriesLayer<TimePointInput>[]

Series data — omnivorous. A single line passes a flat TimePoint[]; a multi-layer line passes TimePoint[][]. To name/color a layer, pass { label, color?, data } (or an array of them). Time accepts ms or Date.

timenumber | Date

Unix milliseconds, or a Date (converted via getTime() internally).

valuenumber

Y-axis value at this point. Drives the line height / bar height.

options?Partial<LineSeriesOptions>

Visual options override — colours per layer, stroke width, area fill, stacking, entrance animation, smoothing.

id?string

Stable series ID — same value across remounts.

visible?default trueboolean

Show/hide the series without unmounting it — excludes it from the Y-range fit and tooltip/legend. Default true. Live.