Marker

import { Marker } from '@wick-charts/react';
 
<Marker time={openedMs} seriesId='metric' shape='arrow-down' label='broke' color='#f0556a' />

A point annotation (event marker) pinned to a time / value — "anomaly opened here", "deploy v1.2.3", "alert resolved". Renders on the chart's overlay canvas and stays out of the series model, so it never shows up in the tooltip, legend, or Y-range autoscale, and is clipped to the plot area.

tsx
<Marker time={openedMs} seriesId="metric" shape="arrow-down" pulse={true} label="broke" color="#f0556a" />

Pins a point annotation to a time / value — an event marker like "anomaly opened", "deploy shipped", or "alert resolved". Anchor Y explicitly with value, or pass a seriesId to snap to that series’ value at time. Markers render on the overlay layer and stay out of the series model, so they never appear in the tooltip, legend, or Y-range autoscale. Opt into a pulse halo and a text label per marker.

Props

timeTimeValue

X anchor — epoch ms or a Date.

value?number

Y anchor as a data value. Omit and set MarkerProps.seriesId to snap the marker to that series' nearest data point at time.

seriesId?string

Snap Y to this series' value at time when value is omitted. Also the default color source.

shape?default 'dot'MarkerShape

Glyph at the anchor. Default: 'dot'. Arrows point their tip at the anchor.

pulse?default falseboolean

Reuse the line pulse halo around the anchor. Default: false.

label?string

Optional text label drawn in a pill next to the anchor.

color?string

Color override. Falls back to the series color (when seriesId is set), then the theme line color.