annotation[type=image]
์ด๋ฏธ์ง Annotation ๋ชจ๋ธ.
Properties
align: 'center'|'left'|'right'
์ํ ๋ฐฐ์น.
'center'
'left'
'right'
default: 'left' anchor๊ฐ ์ง์ ๋๋ฉด 'center', ์๋๋ฉด 'left'
anchor: string
์ด๋
ธํ
์ด์
๋ฐฐ์น ๊ธฐ์ค์ด ๋๋ ์ฐจํธ ๊ตฌ์ฑ ์์.
ํ์ฌ, ๊ฐ์ ์์ญ(body ํน์ chart)์ ํฌํจ๋ ๊ฒ์ด์ง ๋ ๋ค๋ฅธ ์ด๋
ธํ
์ด์
์ name ์ ์ง์ ํ ์ ์๋ค.
default: undefined
backgroundStyle: SVGStyles | string
๋ฐฐ๊ฒฝ ์คํ์ผ.
๊ฒฝ๊ณ ๋ฐ ๋ฐฐ๊ฒฝ ์, padding ์คํ์ผ์ ์ง์ ํ ์ ์๋ค.
SVGStyles
Name | Type | Optional |
---|---|---|
fill | string | true |
fillOpacity | string | true |
fontFamily | string | true |
fontSize | string | true |
fontStyle | string | true |
fontWeight | string | true |
rx | string | true |
stroke | string | true |
strokeDasharray | string | true |
strokeWidth | string | true |
textAlign | 'center' | 'left' | 'right' | true |
front: boolean
true๋ก ์ง์ ํ๋ฉด ์๋ฆฌ์ฆ๋ค ์์ ํ์๋๋ค.
default: false
height: string | number
Annotation ๋์ด.
ํฝ์
๋จ์์ ๊ณ ์ ๊ฐ์ด๋, plot ์์ญ์ ๋ํ ์ํ ํฌ๊ธฐ๋กค ์ง์ ํ ์ ์๋ค.
default: undefined
imageUrl: string
์ด๋ฏธ์ง ๊ฒฝ๋ก.
default: undefined
name: string
์ด๋
ธํ
์ด์
์ด๋ฆ.
๋์ ์ผ๋ก ์ด๋
ธํ
์ด์
์ ๋ค๋ฃจ๊ธฐ ์ํด์๋ ๋ฐ๋์ ์ง์ ํด์ผ ํ๋ค.
default: undefined
noClip: boolean
true๋ก ์ง์ ํ๋ฉด ์์ ์์ญ์ ๋ฒ์ด๋ ๋ถ๋ถ๋ ํ์๋๊ฒ ํ๋ค.
body์ ํฌํจ๋ ๊ฒฝ์ฐ body ์์ญ,
chart์ ํฌํจ๋๊ณ scope์ด 'chart'์ผ ๋ chart ์์ญ.
default: undefined
offsetX: string | number
align ๊ณผ verticalAlign ์ผ๋ก ์ง์ ๋ ์์น์์ ์ค์ ํ์๋ ์์น์ ์ํ ๊ฐ๊ฒฉ.
๊ฐ์ด ์์์ผ ๋, anchor ๊ฐ ์ง์ ๋ ๊ฒฝ์ฐ anchor ์์ดํ
์ผ ๋ฐ์ผ๋ก ๋ฉ์ด์ง๊ณ , ์๋๋ฉด ์์ญ ๊ฒฝ๊ณ ์์ชฝ์ผ๋ก ๋ฉ์ด์ง๋ค.
๋, anchor ๊ฐ ์ง์ ๋ ๊ฒฝ์ฐ '0.5w' ๋ฑ์ผ๋ก ์ด ์ด๋
ธํ
์ด์
์ ๋๋น๋ฅผ ๊ธฐ์ค์ผ๋ก ํ ํฌ๊ธฐ๋ก ์ง์ ํ ์ ์๋ค.
default: undefined
offsetY: string | number
align ๊ณผ verticalAlign ์ผ๋ก ์ง์ ๋ ์์น์์ ์ค์ ํ์๋ ์์น์ ์์ง ๊ฐ๊ฒฉ.
๊ฐ์ด ์์์ผ ๋, anchor ๊ฐ ์ง์ ๋ ๊ฒฝ์ฐ anchor ์์ดํ
์ผ ๋ฐ์ผ๋ก ๋ฉ์ด์ง๊ณ , ์๋๋ฉด ์์ญ ๊ฒฝ๊ณ ์์ชฝ์ผ๋ก ๋ฉ์ด์ง๋ค.
๋, anchor ๊ฐ ์ง์ ๋ ๊ฒฝ์ฐ **'0.5h'**์ฒ๋ผ ์ด ์ด๋
ธํ
์ด์
์ ๋๋น๋ฅผ ๊ธฐ์ค์ผ๋ก ํ ํฌ๊ธฐ๋ก ์ง์ ํ ์ ์๋ค.
default: undefined
rotation: number
ํ์ ๊ฐ๋.
0 ~ 360 ์ฌ์ด์ ๊ฐ์ผ๋ก ์ง์ ํ๋ค.
default: undefined
scope: 'chart'|'container'
์ด๋
ธํ
์ด์
๋ฐฐ์น ๊ธฐ์ค.
[์ฃผ์]body์ ์ค์ ๋ annoation์๋ ์ ์ฉ๋์ง ์๋๋ค.
'chart'
container์์ padding์ ์ ์ฉํ ์์ญ์ ๊ธฐ์ค์ผ๋ก ํ์ํ๋ค.'container'
container ์ ์ฒด ์์ญ์ ๊ธฐ์ค์ผ๋ก ํ์ํ๋ค.
default: 'chart'
style: SVGStyles | string
์คํ์ผ์ ํน์ class selector.
SVGStyles
Name | Type | Optional |
---|---|---|
fill | string | true |
fillOpacity | string | true |
fontFamily | string | true |
fontSize | string | true |
fontStyle | string | true |
fontWeight | string | true |
rx | string | true |
stroke | string | true |
strokeDasharray | string | true |
strokeWidth | string | true |
textAlign | 'center' | 'left' | 'right' | true |
verticalAlign: 'bottom'|'middle'|'top'
์์ง ๋ฐฐ์น.
'bottom'
'middle'
'top'
default: 'top'
visible: boolean
ํ์ ์ฌ๋ถ.
default: true
width: string | number
Annotation ๋๋น.
ํฝ์
๋จ์์ ๊ณ ์ ๊ฐ์ด๋, plot ์์ญ์ ๋ํ ์ํ ํฌ๊ธฐ๋กค ์ง์ ํ ์ ์๋ค.
default: undefined
x1: number | Date
body ์ด๋
ธํ
์ด์
์ผ ๊ฒฝ์ฐ,
x ์ถ์ ๊ธฐ์ค์ผ๋ก ์ง์ ํ๋ ์ํ(inverted์ผ ๋ ์์ง) ์์น.
chart์ ์ง์ ๋ ์ด๋
ธํ
์ด์
์์๋ ๋ฌด์๋๋ค.
default: undefined
x2: number | Date
body ์ด๋
ธํ
์ด์
์ผ ๊ฒฝ์ฐ,
x ์ถ์ ๊ธฐ์ค์ผ๋ก ์ง์ ํ๋ ์ํ(inverted์ผ ๋ ์์ง) ์์น.
chart์ ์ง์ ๋ ์ด๋
ธํ
์ด์
์์๋ ๋ฌด์๋๋ค.
default: undefined
y1: number | Date
body ์ด๋
ธํ
์ด์
์ผ ๊ฒฝ์ฐ,
y ์ถ์ ๊ธฐ์ค์ผ๋ก ์ง์ ํ๋ ์์ง(inverted์ผ ๋ ์ํ) ์์น.
chart์ ์ง์ ๋ ์ด๋
ธํ
์ด์
์์๋ ๋ฌด์๋๋ค.
default: undefined
y2: number | Date
body ์ด๋
ธํ
์ด์
์ผ ๊ฒฝ์ฐ,
y ์ถ์ ๊ธฐ์ค์ผ๋ก ์ง์ ํ๋ ์์ง(inverted์ผ ๋ ์ํ) ์์น.
chart์ ์ง์ ๋ ์ด๋
ธํ
์ด์
์์๋ ๋ฌด์๋๋ค.
default: undefined