Text Annotation
ํ ์คํธ๋ฅผ ์ฐจํธ๋ body(์๋ฆฌ์ฆ๊ฐ ํ์๋๋ plotting ์์ญ)์ ์ง์ ํ ์์น์ ํ์ํ๋ค.
text๋ฅผ rich text๋ก ์ค์ ํ ์ ์๋ค.
๋, ๋ค๋ฅธ ์ด๋
ธํ
์ด์
๊ณผ ๋ง์ฐฌ๊ฐ์ง๋ก
front ์ค์ ์ ๋ฐ๋ผ
์๋ฆฌ์ฆ ๋ฑ ๊ธฐ์กด ๊ตฌ์ฑ ์์๋ค ์๋ ๋๋ ์์ ํ์๋ ์ ์์ผ๋ฉฐ,
rotation์ ์ง์ ํด์ ํ์ ์ํฌ ์๋ ์๋ค.
align, verticalAlign์ผ๋ก ์ํ ์์ง ์์น๋ฅผ ์ง์ ํ๊ณ ,
offsetX, offsetY๋ก ๊ฐ๊ฒฉ์ ์ค์ ํ๋ค.
'Text Annotation 4'๋ align์ด 'right'์ด๋ค.
'Text Annotation 5'๋ align์ด 'right'์ด๊ณ , verticalAlign์ด 'bottom'์ด๋ค.
'Text Annotation 3', 'Text Annotation 5'๋ front๊ฐ true๋ก ์ง์ ๋ผ์ ์๋ฆฌ์ฆ ์์ ํ์๋๋ค.
'Text Annotation 10'์ ์ฐจํธ์ annotation์ด๊ณ , ๋๋จธ์ง๋ body์ annotation๋ค์ด๋ค.
์ค์
'type'์ 'text'๋ก ์ง์ ํ๋ค.
anntations: [{
type: 'text',
text: 'Text ์ด๋
ธํ
์ด์
',
rotation: -20,
style: {
}
}]
'type'์ ์ง์ ํ์ง ์๊ณ , shape๋ imageUrl ์ง์ ์ด ์์ผ๋ฉด 'text'๋ก ์ง์ ํ ๊ฒ๊ณผ ๋์ผํ๋ค.
anntations: [{
text: 'Text ์ด๋
ธํ
์ด์
',
}]