Skip to content

Drawing Circles

-5-4-3-2-1012345543210-1-2-3-4-5

Props

NameDescriptionTypeDefault
radiusThe radius of the circle.number1
positionThe position of the center of the circle.PossibleVector2[0,0]
colorThe stroke color of the circle.string#000
line-widthThe stroke line width of the circle.number1.5
fillThe fill color of the circle.stringnone
dashedWhether the circle should be drawn with a dashed stroke.booleanfalse

Examples

Basic Circle

Code
vue
<template>
  <Graph :units="false">
    <Circle :radius="3" />
  </Graph>
</template>

Filled Circle

Code
vue
<template>
  <Graph :units="false">
    <Circle :radius="3" fill="#33aabb33" color="#33aabb" />
  </Graph>
</template>