annotation[type=image]
์ด๋ฏธ์ง ์ด๋
ธํ
์ด์
.
type
์ 'image'์ด๋ค.
Class selectors
- 'rct-image-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 ์์ญ์ ๋ํ ์ํ ํฌ๊ธฐ๋กค ์ง์ ํ ์ ์๋ค.
imageUrl: string
์ด๋ฏธ์ง ๊ฒฝ๋ก.
name: string
์ด๋
ธํ
์ด์
์ด๋ฆ.
๋์ ์ผ๋ก ์ด๋
ธํ
์ด์
์ ๋ค๋ฃจ๊ธฐ ์ํด์๋ ๋ฐ๋์ ์ง์ ํด์ผ ํ๋ค.
default :false
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
rotation: number
ํ์ ๊ฐ๋.
0 ~ 360 ์ฌ์ด์ ๊ฐ์ผ๋ก ์ง์ ํ๋ค.
scope: 'chart'|'container'
์ด๋
ธํ
์ด์
๋ฐฐ์น ๊ธฐ์ค.
[์ฃผ์]body์ ์ค์ ๋ annoation์๋ ์ ์ฉ๋์ง ์๋๋ค.
'chart'
container์์ padding์ ์ ์ฉํ ์์ญ์ ๊ธฐ์ค์ผ๋ก ํ์ํ๋ค.'container'
container ์ ์ฒด ์์ญ์ ๊ธฐ์ค์ผ๋ก ํ์ํ๋ค.
default :'chart'
style: SVGStyles
|string
์คํ์ผ์ ํน์ class selector.
type: 'image'
verticalAlign: 'bottom'|'middle'|'top'
์์ง ๋ฐฐ์น.
'bottom'
'middle'
'top'
default :top
visible: boolean
true๋ก ์ค์ ๋๊ณ url
์ด ์ค์ ๋ ๊ฒฝ์ฐ์๋ง ํ์๋๋ค.
default :true
width: string
|number
Annotation ๋๋น.
ํฝ์
๋จ์์ ๊ณ ์ ๊ฐ์ด๋, plot ์์ญ์ ๋ํ ์ํ ํฌ๊ธฐ๋กค ์ง์ ํ ์ ์๋ค.
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์ ์ง์ ๋ ์ด๋
ธํ
์ด์
์์๋ ๋ฌด์๋๋ค.