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
ํ์ด์ง๋ฅผ ์ฐธ์กฐํ๋ค.