Skip to content

Latest commit

 

History

History
 
 

vx-marker

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 
 
 
 
 
 
 

@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}
/>

Properties

Name Default Type Description
top 0 number The margin on top.
left 0 number The margin on the left.
from point The start point for the line.
to point The end point for the line.
stroke magenta string The color of the stroke for the line.
strokeWidth 2 number The width of the stroke for the line.
strokeDasharray array The pattern of dashes in the stroke.
fill string The color for the fill of the line.
transform string An SVG transform.
label string The text for the label.
labelAnchor left string The label's textAnchor
labelDx 0 number The x-coordinate shift to the label.
labelDy 0 number The y-coordinate shift to the label.
labelFill string The fill color for the label.
labelFontSize 10 number The font size for the label text.
labelStroke white string The color for the label's stroke.
labelStrokeWidth 3 number The width of the label's stroke.
labelPaintOrder stroke string The label's SVG paint-order.
className string The class name for the line.

Source For Components

vx packages