๐ย Reference
๐ย Chapter
recharts
D3.js
โฃ
Highcharts
- Highcharts
- Highcharts๋ ์น ๊ฐ๋ฐ์๊ฐ ๋ฐ์ดํฐ ์๊ฐํ๋ฅผ ๋น ๋ฅด๊ณ ์ธ๋ จ๋๊ฒ ๊ตฌํํ ์ ์๋๋ก ๋๋ ๋ํ์ ์ธ JavaScript ์ฐจํธ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ด๋ค.
- ํนํ ๊ธฐ์
์ฉ ๋์๋ณด๋๋ ๊ธ์ต ์๋น์ค์์ ์์ ์ฑ๊ณผ ์ฑ๋ฅ ๋๋ถ์ ๋ง์ด ์ ํ๋๋ค.
ํน์ง
- ๋ธ๋ผ์ฐ์ ํธํ์ฑ: SVG(Scalable Vector Graphics)๋ฅผ ๊ธฐ๋ฐ์ผ๋ก ๋ ๋๋ง๋์ด ์ต์ ๋ธ๋ผ์ฐ์ ๋ฟ๋ง ์๋๋ผ ๊ตฌํ ๋ธ๋ผ์ฐ์ ์์๋ ๋์ ํธํ์ฑ์ ์ ์งํ๋ค.
- ๋ค์ํ ์ฐจํธ ํ์
: ์ (Line), ์์ญ(Area), ๋ง๋(Bar), ํ์ด(Pie), ์ฐ์ ๋(Scatter) ๋ฑ ๊ธฐ๋ณธ์ ์ธ ์ฐจํธ๋ถํฐ ๊ณ ์ฑ๋ฅ ๊ธ์ต ์ฐจํธ(Highstock), ์ง๋(Highmaps), ๊ฐํธ ์ฐจํธ(Highgantt)๊น์ง ๊ด๋ฒ์ํ๊ฒ ์ง์ํ๋ค.
- ๋ฐ์ํ ๋ ์ด์์: ๋ณ๋์ ์ค์ ์์ด๋ ์ฐฝ ํฌ๊ธฐ์ ๋ง์ถฐ ์ฐจํธ ํฌ๊ธฐ์ ๋ ์ด์์์ด ์ ์ฐํ๊ฒ ์กฐ์ ๋๋ค.
๊ธฐ์ ์ ๊ฐ์
- ๊ฐ๋ ฅํ API: JSON ๊ธฐ๋ฐ์ ์ต์
์ค์ ์ ํตํด ์ฐจํธ์ ๋ชจ๋ ์์๋ฅผ ์ธ๋ฐํ๊ฒ ์ปค์คํฐ๋ง์ด์งํ ์ ์๋ค.
- ๋ด๋ณด๋ด๊ธฐ(Exporting) ๊ธฐ๋ฅ: ์ฌ์ฉ์๊ฐ ์ฐจํธ๋ฅผ PNG, JPG, PDF, SVG ๋ฑ์ผ๋ก ์ฆ์ ๋ค์ด๋ก๋ํ ์ ์๋ ๋ชจ๋์ ๊ธฐ๋ณธ์ผ๋ก ์ ๊ณตํ๋ค.
- ์ ๊ทผ์ฑ(Accessibility): ์๊ฐ ์ฅ์ ๊ฐ ์๋ ์ฌ์ฉ์๋ฅผ ์ํ ์คํฌ๋ฆฐ ๋ฆฌ๋ ์ง์ ๋ฑ ์น ์ ๊ทผ์ฑ ํ์ค์ ์ ์ค์ํ๊ณ ์๋ค.