Skip to Content
Docs⚙️ ⏐ UtilsValue Marker

Value Marker

The Value Marker component in REAVIZ allows you to mark a specific value on a chart with a line.

Types supported by reaviz:

  • Linear Marker - Used in linear charts to mark a specific value along the x or y axis.
  • Radial Marker - Used in radial charts to mark a specific value in a circular format.

Where to use:

  • Highlight Key Values: Ideal for emphasizing specific data points or thresholds.
  • Guide Data Interpretation: Useful for guiding users’ interpretation of the chart by marking significant values.
  • Enhance Visual Clarity: Great for adding visual clarity and focus to important values in your data.

Examples

Linear Marker

Radial Marker

API

LinearValueMarker 

NameTypeDefault
colorstring

Color of the marker line.

valueany

Value to render the marker at.

classNamestring

CSS class to apply.

thicknessnumber

Stroke width of the marker line.

1
sizenumber

Length of the marker line. Set internally by the parent component.

direction"horizontal" | "vertical"

Direction the marker is drawn in.

'horizontal'

RadialValueMarker 

NameTypeDefault
colorstring

Color of the marker circle stroke.

valuenumber

Radius value to render the marker at.

classNamestring

CSS class to apply.

thicknessnumber

Stroke width of the marker circle.

1
Last updated on
TooltipsZoom Pan