TextAnnotationOptions extends AnnotationOptions
텍스트 어노테이션.
type은 'text'이다.
Options
align: 'center' | 'left' | 'right'
수평 배치.
'center'영역 가운데로 정렬한다.'left'왼쪽으로 정렬한다.'right'오른쪽으로 정렬한다.
default :'left'anchor가 지정되면 'center', 아니면 'left'
anchor: string (opens in a new tab)
어노테이션 배치 기준이 되는 차트 구성 요소.
현재, 같은 영역(body 혹은 chart)에 포함된 다른 어노테이션이나 게이지 이름을 지정할 수 있다.
default :undefined
backgroundStyle: SVGStyles | string (opens in a new tab)
배경 스타일.
경계 및 배경 색, padding 스타일을 지정할 수 있다.
default :undefined
col: number (opens in a new tab)
분할 모드일 때 이 속성과 row가 모두 지정되면 annotation이 표시될 pane의 수직 index.
default :undefined
front: boolean (opens in a new tab)
true로 지정하면 시리즈나 게이지들 위에 표시된다.
default :false
height: string (opens in a new tab) | number (opens in a new tab)
Annotation 높이.
픽셀 단위의 고정 값이나, plot 영역에 대한 상태 크기롤 지정할 수 있다.
default :undefined
lineHeight: number (opens in a new tab)
텍스트 행의 높이를 계산되는 높이와 다르게 표시되도록 지정한다.
1이면 계산된 높이와 동일하게 표시된다.
지정하지 않으면 계산된 값.
default :undefined
name: string (opens in a new tab)
어노테이션 이름.
동적으로 어노테이션을 다루기 위해서는 반드시 지정해야 한다.
default :false
noClip: boolean (opens in a new tab)
body의 annotation으로 설정된 경우,
true로 지정하면 상위 영역을 벗어난 부분도 표시되게 한다.
default :undefined
numberFormat: string (opens in a new tab)
text에 동적으로 전달되는 값이 숫자일 때 사용되는 표시 형식.
default :undefined
offsetX: string (opens in a new tab) | number (opens in a new tab)
align과 verticalAlign으로 지정된 위치에서 실제 표시될 위치의 수평 간격.
값이 양수일 때, anchor가 지정된 경우 anchor 아이템으 밖으로 멀어지고, 아니면 영역 경계 안쪽으로 멀어진다.
또, anchor가 지정된 경우 '0.5w' 등으로 이 어노테이션의 너비를 기준으로 한 크기로 지정할 수 있다.
default :0
offsetY: string (opens in a new tab) | number (opens in a new tab)
align과 verticalAlign으로 지정된 위치에서 실제 표시될 위치의 수직 간격.
값이 양수일 때, anchor가 지정된 경우 anchor 아이템으 밖으로 멀어지고, 아니면 영역 경계 안쪽으로 멀어진다.
또, anchor가 지정된 경우 '0.5h' 처럼 이 어노테이션의 너비를 기준으로 한 크기로 지정할 수 있다.
default :0
rotation: number (opens in a new tab)
회전 각도.
0 ~ 360 사이의 값으로 지정한다.
default :undefined
row: number (opens in a new tab)
분할 모드일 때 이 속성과 col이 모두 지정되면 annotation이 표시될 pane의 수직 index.
default :undefined
scope: 'chart' | 'container'
어노테이션 배치 기준.
[주의]body에 설정된 annoation에는 적용되지 않는다.
'chart'container에서 padding을 적용한 영역을 기준으로 표시한다.'container'container 전체 영역을 기준으로 표시한다.
default :'chart'
style: SVGStyles | string (opens in a new tab)
스타일셋 또는 css selector (opens in a new tab).
default :undefined
text: string (opens in a new tab)
표시할 텍스트.
default :'Text'
textOrientation: 'mixed' | 'upright'
텍스트 문자 방향을 지정한다.
세로 모드의 텍스트에만 적용된다.
특히, 영문을 한글처럼 세워서 표시하려 할 때 'upright'로 설정한다.
'mixed''upright'
default :undefined
timeFormat: string (opens in a new tab)
text에 동적으로 전달되는 값이 Date일 때 사용되는 표시 형식.
default :undefined
type: 'text'
default :undefined
verticalAlign: 'bottom' | 'middle' | 'top'
수직 배치.
'bottom''middle''top'
default :top
visible: boolean (opens in a new tab)
default :true
width: string (opens in a new tab) | number (opens in a new tab)
Annotation 너비.
픽셀 단위의 고정 값이나, plot 영역에 대한 상태 크기롤 지정할 수 있다.
default :undefined
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'
default :undefined
x1: number (opens in a new tab) | Date (opens in a new tab)
body 어노테이션일 경우,
x 축을 기준으로 지정하는 수평(inverted일 때 수직) 위치.
chart에 지정된 어노테이션에서는 무시된다.
default :undefined
x2: number (opens in a new tab) | Date (opens in a new tab)
body 어노테이션일 경우,
x 축을 기준으로 지정하는 수평(inverted일 때 수직) 위치.
chart에 지정된 어노테이션에서는 무시된다.
default :undefined
xAxis: string (opens in a new tab) | number (opens in a new tab)
body 어노테이션일 때, x1, x2의 기준이 되는 축의 index나 이름.
지정하지 않으면 body에 연결된 첫번째 x축, 또는 body에 표시되는 첫번째 시리즈의 x축이 기준이 된다.
default :undefined
y1: number (opens in a new tab) | Date (opens in a new tab)
body 어노테이션일 경우,
y 축을 기준으로 지정하는 수직(inverted일 때 수평) 위치.
chart에 지정된 어노테이션에서는 무시된다.
default :undefined
y2: number (opens in a new tab) | Date (opens in a new tab)
body 어노테이션일 경우,
y 축을 기준으로 지정하는 수직(inverted일 때 수평) 위치.
chart에 지정된 어노테이션에서는 무시된다.
default :undefined
yAxis: string (opens in a new tab) | number (opens in a new tab)
body 어노테이션일 때, y1, y2의 기준이 되는 축의 index나 이름.
지정하지 않으면 body에 연결된 첫번째 y축, 또는 body에 표시되는 첫번째 시리즈의 y축이 기준이 된다.
default :undefined