TimeRegion

import { TimeRegion } from '@wick-charts/react';
 
<TimeRegion from={incidentStart} to={incidentEnd} label='incident' />

A translucent vertical band shading the interval [from, to] — an anomaly window, a maintenance window, a highlighted session. Renders on the chart's main layer *behind* the series and stays out of the series model, so it never affects the Y-range autoscale, tooltip, or legend. Omit to (or pass 'now') for an open-ended band that extends to the right edge.

tsx

<TimeRegion from={openedMs} to={recoveredMs ?? 'now'} fill="rgba(240, 85, 106, 0.08)" label="anomaly window" />

Props

fromTimeValue

Left edge — epoch ms or a Date.

to?TimeRegionEnd

Right edge — epoch ms or a Date. Omit (or pass 'now') for an open-ended region that extends to the right edge of the plot — the "still firing" case.

fill?default a faint tint of `color`string

Band fill — any CSS color, typically translucent. Default: a faint tint of color.

label?string

Optional text label drawn in an annotation chip at the top of the band.

color?default the theme's muted axis text colorstring

Edge-line and label-chip accent. Default: the theme's muted axis text color.