@vx/marker

A Marker is a line with a piece of text attached to it. It's great for highlighting locations in your graph.

Example

marker example

<Marker
  from={markerFrom}
  to={markerTo}
  stroke={'white'}
  label={'deploy'}
  labelStroke={'none'}
  labelDx={6}
  labelDy={15}
/>

Installation

npm install --save @vx/marker

Components

API

<Marker />

# Marker.className<string>

# Marker.from<object>

# Marker.label<union(string|func)>

# Marker.labelAnchor<string>
Default'left'

# Marker.labelDx<number>
Default0

# Marker.labelDy<number>
Default0

# Marker.labelFill<string>

# Marker.labelFontSize<union(string|number)>
Default10

# Marker.labelPaintOrder<string>
Default'stroke'

# Marker.labelStroke<string>
Default'white'

# Marker.labelStrokeWidth<union(string|number)>
Default3

# Marker.left<number>
Default0

# Marker.stroke<string>
Default'magenta'

# Marker.strokeDasharray<string>

# Marker.strokeWidth<number>
Default2

# Marker.to<object>

# Marker.top<number>
Default0

# Marker.transform<string>