Skip to main content
LiveChart runs a tick loop on the UI thread that scrolls the time window and eases the live value toward its target each frame. These props tune that engine.
Live example: app/demo/playback.tsx in the example app.

Pause, scrub the time window, and replay a recorded session

Time window

timeWindow is the visible span in seconds — the chart shows the most recent timeWindow seconds and scrolls left as new points arrive.

Pausing

paused freezes the scroll. Live data keeps buffering while paused; resuming catches the window back up to real time.

Smoothing

The live tip eases toward the latest value instead of snapping. smoothing is the lerp speed — 0 freezes the tip, 1 makes it instant. The default is 0.08.

Y-axis range

By default the Y-axis fits the visible data with a little headroom. Three props reshape it:
  • exaggerate — tighten the axis so small moves fill the height.
  • nonNegative — clamp the lower bound at 0.
  • maxValue — pin a hard upper bound.
See the full prop list in the LiveChart reference. To render a fixed historical span edge-to-edge instead of a live tail, see Historical data.