annotation[type=shape]
Shape ์ด๋
ธํ
์ด์
.
type
์ 'shape'์ด๋ค.
shape
์์ฑ์ ํ์ํ ๋ํ ๋ชจ์์ ์ง์ ํ๊ฑฐ๋,
path
์ SVG path๋ฅผ ์ง์ ์ง์ ํ ์ ์๋ค.
Class selectors
- 'rct-shape-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: number
64
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
path: string
Shape path.
์ด ์์ฑ์ด ์ง์ ๋๋ฉด shape
๋ ๋ฌด์๋๋ค.
rotation: number
ํ์ ๊ฐ๋.
0 ~ 360 ์ฌ์ด์ ๊ฐ์ผ๋ก ์ง์ ํ๋ค.
scope: 'chart'|'container'
์ด๋
ธํ
์ด์
๋ฐฐ์น ๊ธฐ์ค.
[์ฃผ์]body์ ์ค์ ๋ annoation์๋ ์ ์ฉ๋์ง ์๋๋ค.
'chart'
container์์ padding์ ์ ์ฉํ ์์ญ์ ๊ธฐ์ค์ผ๋ก ํ์ํ๋ค.'container'
container ์ ์ฒด ์์ญ์ ๊ธฐ์ค์ผ๋ก ํ์ํ๋ค.
default :'chart'
series: string
shape: 'circle'|'diamond'|'itriangle'|'rectangle'|'square'|'star'|'triangle'
Shape ์ข
๋ฅ.
'circle'
์'diamond'
๋ค์์ด๋ชฌ๋'itriangle'
์ญ์ผ๊ฐํ'rectangle'
์ง์ฌ๊ฐํ'square'
์ ์ฌ๊ฐํ'star'
๋ณ ๋ชจ์'triangle'
์ผ๊ฐํ
default :'square'
style: SVGStyles
|string
์คํ์ผ์ ํน์ class selector.
type: 'shape'
verticalAlign: 'bottom'|'middle'|'top'
์์ง ๋ฐฐ์น.
'bottom'
'middle'
'top'
default :top
visible: boolean
ํ์ ์ฌ๋ถ.
default :true
width: number
64
x1: number|Date
body ์ด๋
ธํ
์ด์
์ผ ๊ฒฝ์ฐ,
x ์ถ์ ๊ธฐ์ค์ผ๋ก ์ง์ ํ๋ ์ํ(inverted์ผ ๋ ์์ง) ์์น.
chart์ ์ง์ ๋ ์ด๋
ธํ
์ด์
์์๋ ๋ฌด์๋๋ค.
x2: number|Date
body ์ด๋
ธํ
์ด์
์ผ ๊ฒฝ์ฐ,
x ์ถ์ ๊ธฐ์ค์ผ๋ก ์ง์ ํ๋ ์ํ(inverted์ผ ๋ ์์ง) ์์น.
chart์ ์ง์ ๋ ์ด๋
ธํ
์ด์
์์๋ ๋ฌด์๋๋ค.
xRange: number[]
y1: number|Date
body ์ด๋
ธํ
์ด์
์ผ ๊ฒฝ์ฐ,
y ์ถ์ ๊ธฐ์ค์ผ๋ก ์ง์ ํ๋ ์์ง(inverted์ผ ๋ ์ํ) ์์น.
chart์ ์ง์ ๋ ์ด๋
ธํ
์ด์
์์๋ ๋ฌด์๋๋ค.
y2: number|Date
body ์ด๋
ธํ
์ด์
์ผ ๊ฒฝ์ฐ,
y ์ถ์ ๊ธฐ์ค์ผ๋ก ์ง์ ํ๋ ์์ง(inverted์ผ ๋ ์ํ) ์์น.
chart์ ์ง์ ๋ ์ด๋
ธํ
์ด์
์์๋ ๋ฌด์๋๋ค.