๊ฐ€์ด๋“œ
๊ฐœ๋ฐœ ๊ฐ€์ด๋“œ

๊ฐœ๋ฐœ Guide

RealChart ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ์‚ฌ์šฉ ๊ฐœ์š” ๋ฐ ์ฃผ์˜ ์‚ฌํ•ญ๋“ค

javascript๋กœ ์ž‘์„ฑ๋œ ์˜ˆ์ œ ์ฝ”๋“œ ๋ถ€๋ถ„์„ ์ œ์™ธํ•˜๊ณ , Api ๋ฌธ์„œ๋Š” ์ •ํ™•ํ•œ ์ž๋ฃŒํ˜•์ด ํ‘œ์‹œ๋˜๋Š” typescript ์Šคํƒ€์ผ๋กœ ์„ค๋ช…๋˜์–ด ์žˆ๋‹ค. ์—…๋ฌด์šฉ ์•ฑ์˜ ์‹ ๋ขฐ์„ฑ์„ ์œ„ํ•ด ์ตœ๋Œ€ํ•œ ์ž๋ฃŒํ˜•์— ๋งž๊ฒŒ Api๋ฅผ ์‚ฌ์šฉํ•ด์•ผ ํ•œ๋‹ค.
๊ธฐ๋ณธ์ ์œผ๋กœ OOP(๊ฐ์ฒด์ง€ํ–ฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ)์— ๊ธฐ๋ฐ˜ ์„ค๊ณ„๋˜๊ณ  ๊ตฌํ˜„๋˜์—ˆ๋‹ค. Api ๋ฌธ์„œ์—๋Š” base ํด๋ž˜์Šค, ๊ณ„์Šน๋œ ๋ฉ”์†Œ๋“œ ๋ฐ ์†์„ฑ ๋“ฑ์ด ๋ช…์‹œ๋˜์–ด ์žˆ๋‹ค.

Namespace

RealChart ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์˜ ๋„ค์ž„์ŠคํŽ˜์ด์Šค๋Š” RealChart ์ด๋‹ค.

const chart = RealChart.createChart(document, 'realchart', config);

์ฃผ์˜ ์‚ฌํ•ญ

  1. Api ๋ฌธ์„œ์— ๊ณต๊ฐœ๋˜์ง€ ์•Š์€ ์ˆจ๊ฒจ์ง„ ํด๋ž˜์Šค๋‚˜ ํ•จ์ˆ˜ ๋ฐ ์†์„ฑ ๋“ฑ์„ ์‚ฌ์šฉํ•ด์„œ๋Š” ์•ˆ๋œ๋‹ค. ํŠนํžˆ,'$'๋‚˜ '_'๋กœ ์‹œ์ž‘ํ•˜๋Š” ํ•จ์ˆ˜๋‚˜ ์†์„ฑ ๋ฐ ๊ฐ์ฒด๋Š” ๋‚ด๋ถ€ ๊ตฌํ˜„ ์ƒํ™ฉ์— ๋”ฐ๋ผ ์–ธ์ œ๋“  ๋ณ€๊ฒฝ๋  ์ˆ˜ ์žˆ์œผ๋ฏ€๋กœ ์ ˆ๋Œ€ ์ ‘๊ทผ(ํ˜ธ์ถœ, ์ˆ˜์ •)ํ•ด์„œ๋Š” ์•ˆ๋œ๋‹ค.
  2. Api์— ๋ช…์‹œ๋œ ์ž๋ฃŒํ˜•๋Œ€๋กœ ๋งค๊ฐœ๋ณ€์ˆ˜๋‚˜ ์†์„ฑ ๊ฐ’์„ ์ง€์ •ํ•ด์•ผ ํ•œ๋‹ค.
  3. Api์— ๋ช…์‹œ๋œ enum ๊ฐ’๋“ค ๋Œ€์‹  ์—‰๋šฑํ•œ ๊ฐ’์„ ์‚ฌ์šฉํ•ด์„œ๋Š” ์•ˆ๋œ๋‹ค.

See Also