Skip to main content
import { LiveChartSeries } from "react-native-livechart";
LiveChartSeries draws several line series sharing an axis, time window, and crosshair. It accepts all the shared theming, axis, range, layout, and text props from LiveChart (theme, accentColor, palette, font, timeWindow, yAxis, referenceLines, formatValue, …), plus the multi-series props below.

​
Series data

​
series
SharedValue<SeriesConfig[]>
required
Array of series definitions. Read on the UI thread. See SeriesConfig.

​
Legend

​
legend
boolean | LegendConfig
default:"true"
Toggle chips. Configure position, compact, and style.
​
onSeriesToggle
(id: string, visible: boolean) => void
Fires when a legend chip is tapped.

​
Dots

​
dot
MultiSeriesDotConfig
Per-series live dots: radius, pulse, valueLine, valueLabel.

​
Scrub

​
scrub
boolean | ScrubConfig
default:"true"
Crosshair scrubbing on drag.
​
onScrub
(point: ScrubPointMulti | null) => void
Worklet callback fired on the UI thread each frame while scrubbing; null when it ends. Includes a per-series value array. See Scrubbing.

​
Degen

​
degen
boolean | DegenOptions
Chart shake + spark burst off the leading series’ dot on an upward swing.
​
onDegenShake
(payload: DegenShakePayload) => void
JS-thread callback when a degen shake starts.