Config
shape

annotation[type=shape]

Shape 어노테이션.
type'shape'이다.
shape 속성에 표시할 도형 모양을 지정하거나, path에 SVG path를 직접 지정할 수 있다.

Class selectors

  • 'rct-shape-annotation' 

Options

align: 'center'|'left'|'right'

수평 배치.

  • 'center' 영역 가운데로 정렬한다.
  • 'left' 왼쪽으로 정렬한다.
  • 'right' 오른쪽으로 정렬한다.

default :'left'anchor가 지정되면 'center', 아니면 'left'

anchor: string

어노테이션 배치 기준이 되는 차트 구성 요소.
현재, 같은 영역(body 혹은 chart)에 포함된 게이지나 다른 어노테이션의 이름을 지정할 수 있다.

backgroundStyle: SVGStyles|string

배경 스타일.
경계 및 배경 색, padding 스타일을 지정할 수 있다.

front: boolean

true로 지정하면 시리즈나 게이지들 위에 표시된다.

default :false

height: number

64

name: string

어노테이션 이름.
동적으로 어노테이션을 다루기 위해서는 반드시 지정해야 한다.

default :false

noClip: boolean

true로 지정하면 상위 영역을 벗어난 부분도 표시되게 한다.
body에 포함된 경우 body 영역, chart에 포함되고 scope이 'chart'일 때 chart 영역.

offsetX: string|number

alignverticalAlign으로 지정된 위치에서 실제 표시될 위치의 수평 간격.
값이 양수일 때, anchor가 지정된 경우 anchor 아이템으 밖으로 멀어지고, 아니면 영역 경계 안쪽으로 멀어진다. 또, anchor가 지정된 경우 '0.5w' 등으로 이 어노테이션의 너비를 기준으로 한 크기로 지정할 수 있다.

default :0

offsetY: string|number

alignverticalAlign으로 지정된 위치에서 실제 표시될 위치의 수직 간격.
값이 양수일 때, anchor가 지정된 경우 anchor 아이템으 밖으로 멀어지고, 아니면 영역 경계 안쪽으로 멀어진다. 또, anchor가 지정된 경우 '0.5h' 처럼 이 어노테이션의 너비를 기준으로 한 크기로 지정할 수 있다.

default :0

path: string

Shape path. 이 속성이 지정되면 shape는 무시된다.

rotation: number

회전 각도.
0 ~ 360 사이의 값으로 지정한다.

scope: 'chart'|'container'

어노테이션 배치 기준.
[주의]body에 설정된 annoation에는 적용되지 않는다.

  • 'chart' container에서 padding을 적용한 영역을 기준으로 표시한다.
  • 'container' container 전체 영역을 기준으로 표시한다.

default :'chart'

series: string

shape: 'circle'|'diamond'|'itriangle'|'rectangle'|'square'|'star'|'triangle'

Shape 종류.

  • 'circle'
  • 'diamond' 다아이몬드
  • 'itriangle' 역삼각형
  • 'rectangle' 직사각형
  • 'square' 정사각형
  • 'star' 별 모양
  • 'triangle' 삼각형

default :'square'

style: SVGStyles|string

스타일셋 또는 css selector (opens in a new tab).

type: 'shape'

verticalAlign: 'bottom'|'middle'|'top'

수직 배치.

  • 'bottom'
  • 'middle'
  • 'top'

default :top

visible: boolean

표시 여부.

default :true

width: number

64

x1: number|Date

body 어노테이션일 경우, x 축을 기준으로 지정하는 수평(inverted일 때 수직) 위치.
chart에 지정된 어노테이션에서는 무시된다.

x2: number|Date

body 어노테이션일 경우, x 축을 기준으로 지정하는 수평(inverted일 때 수직) 위치.
chart에 지정된 어노테이션에서는 무시된다.

xRange: number[]

y1: number|Date

body 어노테이션일 경우, y 축을 기준으로 지정하는 수직(inverted일 때 수평) 위치.
chart에 지정된 어노테이션에서는 무시된다.

y2: number|Date

body 어노테이션일 경우, y 축을 기준으로 지정하는 수직(inverted일 때 수평) 위치.
chart에 지정된 어노테이션에서는 무시된다.

yRange: number[]