annotation[type=text]
텍스트 어노테이션.
type
은 'text'이다.
Class selectors
- 'rct-text-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 영역.
numberFormat: string
text
에 동적으로 전달되는 값이 숫자일 때 사용되는 표시 형식.
offsetX: string|number
align
과 verticalAlign
으로 지정된 위치에서 실제 표시될 위치의 수평 간격.
값이 양수일 때, anchor
가 지정된 경우 anchor 아이템으 밖으로 멀어지고, 아니면 영역 경계 안쪽으로 멀어진다.
또, anchor
가 지정된 경우 '0.5w' 등으로 이 어노테이션의 너비를 기준으로 한 크기로 지정할 수 있다.
default :0
offsetY: string|number
align
과 verticalAlign
으로 지정된 위치에서 실제 표시될 위치의 수직 간격.
값이 양수일 때, 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).
text: string
표시할 텍스트.
default :'Text'
textOrientation: 'mixed'|'upright'
텍스트 문자 방향을 지정한다. 세로 모드의 텍스트에만 적용된다.
'mixed'
'upright'
timeFormat: string
text
에 동적으로 전달되는 값이 Date일 때 사용되는 표시 형식.
type: 'text'
verticalAlign: 'bottom'|'middle'|'top'
수직 배치.
'bottom'
'middle'
'top'
default :top
visible: boolean
true로 설정되고 text
가 설정된 경우에만 표시된다.
default :true
width: string
|number
Annotation 너비.
픽셀 단위의 고정 값이나, plot 영역에 대한 상태 크기롤 지정할 수 있다.
writingMode: 'horizontal-tb'|'vertical-lr'|'vertical-rl'
타이틀을 가로 또는 세로로 배치할지 여부와 블록이 진행되는 방향을 지정한다.
'horizontal-tb'
'vertical-lr'
'vertical-rl'
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에 지정된 어노테이션에서는 무시된다.