Skip to main content

Other shapes

Line

(x1,y1)(x2,y2)

Props

Mandatory

  • x1: start point horizontal coordinate<br /> type: ScalarValue
  • y1: start point vertical coordinate<br /> type: ScalarValue
  • x2: end point horizontal coordinate<br /> type: ScalarValue
  • y2: end point vertical coordinate<br /> type: ScalarValue

Optional

  • color: stroke color<br /> type: string
    default: "black"

all <line> svg props are supported. For more information visit the documentation

Arrow

startPoint="circle"endPoint="triangle"

same as Line with 2 more special props :

  • startPoint: shape added to starting point<br /> type: 'circle' | 'triangle' | 'line' | 'none'
    default: "none"
  • endPoint: shape added to ending point<br /> type: 'circle' | 'triangle' | 'line' | 'none'
    default: "none"

Polyline

P1P2P3P4P5

Props

Mandatory

  • points: series of points<br /> type: Array<{ x: ScalarValue, y: ScalarValue }>

Optional

  • color: stroke color<br /> type: string
    default: "black"

all <polyline> svg props are supported for more information visit the documentation