annotation[type=html]

HTML 어노테이션.
type은 'html'이다.

/** Class selectors */
rm-html-annotation

Options

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

수평 배치.

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

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

anchor: string

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

backgroundStyle: SVGStyles|string

배경 스타일.
경계 및 배경 색, padding 스타일을 지정할 수 있다. [주의] padding을 style이 아니라 여기서 지정하는 이유: background가 표시되지 않으면 사용자가 padding여부를 알 수 없다.

front: boolean

true로 지정하면 시리즈들 위에 표시된다.
명시적으로 false로 지정해야 시리즈들 아래 표시된다.

default :false

height: string|number

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

html: string

이 속성으로 지정한 html 내용을 표시한다.
'.'나 '#'으로 시작되는 html selector로 지정하면 해당하는 dom의 innerHTML (opens in a new tab)을 가져와 표시한다.
예를 들어 id가 'abc'인 dom인 경우 '#abc'로 지정한다. 즉, document.querySelector (opens in a new tab)(htmlFrom)로 리턴되는 dom의 내용을 표시한다.
생성되는 dom의 스타일은 htmlStyle로 지정한다.

htmlFrom: string

이 속성으로 지정한 selector에 해당하는 dom의 innerHTML (opens in a new tab)을 가져와 표시한다.
예를 들어 id가 'abc'인 dom인 경우 '#abc'로 지정한다. 즉, document.querySelector (opens in a new tab)(htmlFrom)로 리턴되는 dom의 내용을 표시한다.
이 속성이 html보다 우선한다. 다만, 존재하지 않은 dom을 지정한 경우 html에 지정한 내용을 대신 표시한다. 생성되는 dom의 스타일은 htmlStyle로 지정한다.

name: string

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

noClip: boolean

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

offsetX: string|number

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

default :0

offsetY: string|number

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

default :0

params: |any

html로 지정된 html 텍스트에 포함된 param 값을 지정하는 객체나 콜백. #311

rotation: number

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

scope: 'chart'|'container'

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

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

default :'chart'

style: SVGStyles|string

스타일셋 혹은 class selector.

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

수직 배치.

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

default :top

visible: boolean

true로 설정되고 text가 설정된 경우에만 표시된다.

default :true

width: string|number

Annotation 너비.
픽셀 단위의 고정 값이나, plot 영역에 대한 상태 크기롤 지정할 수 있다. 너비를 반드시 지정해야 한다.
지정하지 않으면 100 픽셀 너비로 표시한다. height 높이를 지정하지 않으면 생성된 dom의 높이에 맞춰진다.

default :100

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에 지정된 어노테이션에서는 무시된다.