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 스타일을 지정할 수 있다.
col: number
분할 모드일 때 이 속성과 row가 모두 지정되면 annotation이 표시될 pane의 수직 index.
front: boolean
true로 지정하면 시리즈나 게이지들 위에 표시된다.
default :false
height: string|number
Annotation 높이.
픽셀 단위의 고정 값이나, plot 영역에 대한 상태 크기롤 지정할 수 있다.
lineHeight: number
텍스트 행의 높이를 계산되는 높이와 다르게 표시되도록 지정한다.
1이면 계산된 높이와 동일하게 표시된다.
지정하지 않으면 계산된 값.
name: string
어노테이션 이름.
동적으로 어노테이션을 다루기 위해서는 반드시 지정해야 한다.
default :false
noClip: boolean
body의 annotation으로 설정된 경우,
true로 지정하면 상위 영역을 벗어난 부분도 표시되게 한다.
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 사이의 값으로 지정한다.
row: number
분할 모드일 때 이 속성과 col이 모두 지정되면 annotation이 표시될 pane의 수직 index.
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'
텍스트 문자 방향을 지정한다.
세로 모드의 텍스트에만 적용된다.
특히, 영문을 한글처럼 세워서 표시하려 할 때 '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'|'vertical-lr'|'vertical-rl'
타이틀을 가로 또는 세로로 배치할지 여부와 블록의 진행 방향을 지정한다.
'vertical-lr' 또는 'vertical-rl'로 설정하면 수직 쓰기가 적용되며,
이때 한글 등 동아시아 문자는 글자 단위, 영문 등 기타 문자는 단어 단위로 배치된다.
textOrinetation을 'upright'로 지정하면 영문도 글자 단위로 세로 배치되지만,
writingMode를 지원하지 않는 브라우저에서도 모든 문자를 글자 단위로 일관되게 세로 표시하고자 할 때는
신규 속성인 vertical을 사용할 수 있다. 단, vertical 속성에서는 <br>과 같은 줄바꿈 기능이 적용되지 않는다.
'horizontal-tb''vertical''vertical-lr''vertical-rl'
x1: number|Date
body 어노테이션일 경우,
x 축을 기준으로 지정하는 수평(inverted일 때 수직) 위치.
chart에 지정된 어노테이션에서는 무시된다.
x2: number|Date
body 어노테이션일 경우,
x 축을 기준으로 지정하는 수평(inverted일 때 수직) 위치.
chart에 지정된 어노테이션에서는 무시된다.
xAxis: string|number
body 어노테이션일 때, x1, x2의 기준이 되는 축의 index나 이름.
지정하지 않으면 body에 연결된 첫번째 x축, 또는 body에 표시되는 첫번째 시리즈의 x축이 기준이 된다.
default :undefined
y1: number|Date
body 어노테이션일 경우,
y 축을 기준으로 지정하는 수직(inverted일 때 수평) 위치.
chart에 지정된 어노테이션에서는 무시된다.
y2: number|Date
body 어노테이션일 경우,
y 축을 기준으로 지정하는 수직(inverted일 때 수평) 위치.
chart에 지정된 어노테이션에서는 무시된다.
yAxis: string|number
body 어노테이션일 때, y1, y2의 기준이 되는 축의 index나 이름.
지정하지 않으면 body에 연결된 첫번째 y축, 또는 body에 표시되는 첫번째 시리즈의 y축이 기준이 된다.
default :undefined