API
RealChart API

RealChart API ๊ฐœ์š”

RealChart ์›น ์ปดํฌ๋„ŒํŠธ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋Š” ๊ธฐ๋ณธ์ ์œผ๋กœ ์ฐจํŠธ ๊ตฌ์„ฑ ์„ค์ •์„ ์ค€๋น„ํ•ด์„œ ์ฐจํŠธ ์ปดํฌ๋„ŒํŠธ๋ฅผ ์ƒ์„ฑํ•˜๊ณ  ํ‘œ์‹œํ•œ๋‹ค.

const config = {
    series: {},
    xAxis: {},
    yAxis: {},
    // ...
}
const chart = RealChart.createChart(document, 'realchart', config);

๋งŽ์€ ๊ฒฝ์šฐ ์ฐจํŠธ๋ฅผ ํ™”๋ฉด์— ํ‘œ์‹œํ•˜๋Š” ๊ฒƒ์œผ๋กœ ์™„๋ฃŒ๋  ์ˆ˜ ์žˆ์ง€๋งŒ, ์ฐจํŠธ์— ์—ฐ๊ฒฐํ•œ ๋ฐ์ดํ„ฐ๊ฐ€ ๋ณ€๊ฒฝ๋˜๋Š” ๋“ฑ, ์‹คํ–‰ ์‹œ๊ฐ„ ์ค‘ ์ฐจํŠธ์˜ ์ƒํƒœ๋ฅผ ๋™์ ์œผ๋กœ ๋ณ€๊ฒฝํ•  ํ•„์š”๊ฐ€ ์žˆ๋‹ค. RealChart๋Š” ์‹คํ–‰ ์‹œ๊ฐ„ ์ฐจํŠธ์˜ ์ƒํƒœ๋ฅผ ๋ณ€๊ฒฝํ•˜๊ฑฐ๋‚˜ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋Š” API๋ฅผ ์ œ๊ณตํ•œ๋‹ค.

์ฐจํŠธ๋ฅผ ๊ตฌ์„ฑํ•˜๋Š” ๊ฐ ์š”์†Œ๋Š” ์ตœ์ƒ์œ„ ๊ฐ์ฒด์ธ ์ฐจํŠธ์ปจํŠธ๋กค๋กœ ๋ถ€ํ„ฐ ์š”์†Œ์— ํ•ด๋‹นํ•˜๋Š” ํด๋ž˜์Šค์˜ ๊ฐ์ฒด๋กœ ๊ฐ€์ ธ์˜ฌ ์ˆ˜ ์žˆ๋‹ค.

const axis = chart.xAxis;   // ์ฒซ๋ฒˆ์งธ x์ถ• ๋ชจ๋ธ.

๋˜, ์ฐจํŠธ์ปจํŠธ๋กค์—์„œ ๊ฐ€์ ธ์˜จ ์ƒ์œ„ ๋ชจ๋ธ ๊ฐ์ฒด ๋“ฑ์€ ํ•˜์œ„ ์š”์†Œ ๊ฐ์ฒด๋ฅผ ๊ฐ€์ง€๊ณ  ์žˆ์„ ์ˆ˜ ์žˆ๋‹ค.

const title = axis.title;   // ์ถ• ํƒ€์ดํ‹€ ๋ชจ๋ธ.

๊ฐ ๋ชจ๋ธ ๊ฐ์ฒด๋“ค์€ ๋ชจ๋ธ์„ ๊ตฌ์„ฑํ•˜๋Š” ์„ค์ • ์†์„ฑ๋“ค์„ ๊ฐ€์ง€๊ณ  ์žˆ๋Š”๋ฐ, ์†์„ฑ(๋“ค)์˜ ๊ฐ’์„ ๊ฐ€์ ธ์˜ค๊ฑฐ๋‚˜ ์„ค์ •ํ•˜๋Š” ๊ณตํ†ต ๋ฉ”์†Œ๋“œ๋ฅผ ์ œ๊ณตํ•œ๋‹ค.

console.log(axis.title.get('text'));    // ์ถ• ํƒ€์ดํ‹€ ํ…์ŠคํŠธ๋ฅผ ๊ฐ€์ ธ์˜จ๋‹ค.
 
axis.title.set('text', 'Chart Title');  // ์ถ• ํƒ€์ดํ‹€ ํ…์ŠคํŠธ๋ฅผ ์žฌ์„ค์ •ํ•œ๋‹ค.
 
// ๋˜๋Š” ์—ฌ๋Ÿฌ ์†์„ฑ์„ ํ•œ๊บผ๋ฒˆ์— ์„ค์ •ํ•  ์ˆ˜๋„ ์žˆ๋‹ค.
axis.title.setAll({
    text: 'Chart Title',
    style: {
        fill: 'blue'
    }
});

์ฐจํŠธ์ปจํŠธ๋กค์„ ์ œ์™ธํ•œ API์˜ ๋ชจ๋Š” ๊ฐ์ฒด๊ฐ€ ๊ณ„์Šนํ•˜๋Š” RcChartObject์˜ ๊ณตํ†ต ๋ฉ”์†Œ๋“œ๋กœ์„œ, ์ž์„ธํ•œ ๋‚ด์šฉ์€
get, set, setAll, toggle
ํŽ˜์ด์ง€๋ฅผ ์ฐธ์กฐํ•œ๋‹ค.