@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
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>
Default | 0 |
# Marker.labelDy<number>
Default | 0 |
# Marker.labelFill<string>
# Marker.labelFontSize<union(string|number)>
Default | 10 |
# Marker.labelPaintOrder<string>
Default | 'stroke' |
# Marker.labelStroke<string>
Default | 'white' |
# Marker.labelStrokeWidth<union(string|number)>
Default | 3 |
# Marker.left<number>
Default | 0 |
# Marker.stroke<string>
Default | 'magenta' |
# Marker.strokeDasharray<string>
# Marker.strokeWidth<number>
Default | 2 |
# Marker.to<object>
# Marker.top<number>
Default | 0 |
# Marker.transform<string>