TimeSeriesChart

Molecule

The continuous time axis behind `LineChart` / `AreaChart` with `xAxis="time"`: timestamps (ISO strings or epoch ms) in `x`, uneven sampling, series with different instants on one axis, and drag-to-zoom (double-click or "Reset zoom" to leave). Zoom is local to the chart and never reaches the caller.

Preview

Temperature vs setpoint (drag a range to zoom, double-click to reset)

Temperature
Setpoint

Code

<LineChart series={series} xAxis="time" height={240} yFormat={(v) => v + '°C'} />

Preview

Inlet (every 10 min) and outlet (every 15 min) flow

Inlet flow
Outlet flow

Code

<AreaChart series={[inlet, outlet]} xAxis="time" height={240} />

Preview

Same data, zoom={false}

Temperature
Setpoint

Code

<LineChart series={series} xAxis="time" zoom={false} />

TimeSeriesChart

Line with drag-to-zoom

Area, series sampled at different instants

Zoom disabled