> ## Documentation Index
> Fetch the complete documentation index at: https://react-native-livechart.brandtnewlabs.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Historical data

> Render a fixed historical span edge-to-edge instead of a live-scrolling tail.

<Note>
  **Live example:**
  [`app/demo/historical-data.tsx`](https://github.com/brandtnewlabs/react-native-livechart/blob/main/app/demo/historical-data.tsx)
  in the example app.
</Note>

<Frame caption="A fixed historical span rendered edge-to-edge">
  <video autoPlay loop muted playsInline controls poster="/media/historical-data.jpg" src="https://mintcdn.com/brandtnewlabs/3aK_iydbC8Ff9g3s/media/historical-data.mp4?fit=max&auto=format&n=3aK_iydbC8Ff9g3s&q=85&s=3489e415a7e47a9c84ef067d55c80c78" data-path="media/historical-data.mp4" />
</Frame>

To render a fixed historical span edge-to-edge — rather than a live-scrolling tail — freeze the
engine's clock with `nowOverride` and reserve a little right-edge space with `windowBuffer`:

* **`nowOverride`** — override the engine's "now" (unix seconds). Set it to your dataset's last
  timestamp so the window ends exactly there.
* **`windowBuffer`** — right-edge padding as a fraction of `timeWindow`, so the latest point
  isn't flush against the edge.

```tsx theme={null}
<LiveChart
  data={history}
  value={lastValue}
  timeWindow={span}
  nowOverride={lastTime}
  windowBuffer={0.04}
  paused
/>
```

See the full prop list in the [`LiveChart` reference](/api-reference/livechart), and the live
[Playback](/guides/playback) controls for tuning the window, smoothing, and Y-axis range.