Config
annotation

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: string|number

Annotation 높이.
픽셀 단위의 고정 값이나, plot 영역에 대한 상태 크기롤 지정할 수 있다.

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

rotation: number

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

scope: 'chart'|'container'

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

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

default :'chart'

style: SVGStyles|string

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

type: 'image'|'shape'|'text'

  • 'image'
  • 'shape'
  • 'text'

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

수직 배치.

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

default :top

visible: boolean

표시 여부.

default :true

width: string|number

Annotation 너비.
픽셀 단위의 고정 값이나, plot 영역에 대한 상태 크기롤 지정할 수 있다.

x1: number|Date

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

x2: number|Date

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

y1: number|Date

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

y2: number|Date

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