Linear Axis
๊ฐ๋ค์ด ๊ท ์ผํ ๊ฐ๊ฒฉ์ผ๋ก ๋ฐฐ์น๋๋ค.
์ฆ, ๊ฐ ์ฌ์ด์ ๋น์จ๊ณผ ์ถ ๊ธธ์ด ๋น์จ์ด ์ด๋ ์์น์์๋ ํญ์ ๋์ผํ๊ณ ,
๋ ๊ฐ์ด ์ฐ์๋๊ธฐ ๋๋ฌธ์ ๋ฐ์ดํฐํฌ์ธํธ๋ค์ด ํ์๋์ง ์๋ ๋น ๊ตฌ๊ฐ๋ค์ด ์กด์ฌํ ์ ์๋ค.
(๋ฐ์ดํฐํฌ์ธํธ์ lable์ ๊ฐ์๋ฅผ ์ ํํ ๋ง์ถ๋ ค๋ฉด 'category' ์ถ์ ๊ณ ๋ คํด์ผ ํ๋ค)
๋ช
์์ ์ผ๋ก ์ถ type์ ์ง์ ํ์ง ์์ ๊ฒฝ์ฐ y์ถ์ผ๋ก ๊ธฐ๋ณธ ์ค์ ๋๋ ์ถ์ด๋ค.
x์ถ์์๋ category ์ถ๋ก ์์ฑ๋ ์ ์๋ ๊ฒฝ์ฐ์ด๋ฉด ์ด ์ถ์ผ๋ก ์์ฑ๋๋ค.
์ค์
์ถ์ ์ข ๋ฅ๋ฅผ "linear"๋ก ์ง์ ํ๋ค.
const config = {
xAxis: {
type: 'linear',
},
};
linear ์ถ์ ์นดํ ๊ณ ๋ฆฌ ์ถ๊ณผ ๋ฌ๋ฆฌ ๋ช ์์ ์ผ๋ก ์ถ ์์ ์์ญ์ ๊ตฌ๋ถํ์ง ์์ผ๋ฏ๋ก, ๋ช ๊ฐ์ tick๋ค์ ํ์ํด์ ๋ฐ์ดํฐํฌ์ธํธ์ ์์น๋ฅผ ์ง์ํ ์ ์๋๋ก ํ๋ ๋ฐ, tick ๊ตฌ์ฑ์ ๋ํ ์ฌ๋ฌ๊ฐ์ง ๋ฐฉ๋ฒ์ ์ ๊ณตํ๋ค. tick๋ค์ ๋ฐฐ์นํ๊ธฐ ์ํด์๋ ์ฐ์ ์ถ์ ๋ฒ์๊ฐ ๊ฒฐ์ ๋ผ์ผ ํ๋ค.
์ถ ๋ฒ์(์ต์/์ต๋๊ฐ)
์ถ ํ์ ๋ฒ์๋ ๊ธฐ๋ณธ์ ์ผ๋ก ์ถ์ ์ฐ๊ฒฐ๋ ์๋ฆฌ์ฆ๋ค์ ๊ฐ์ ๋ชจ๋ ์์งํ ํ ๊ณ์ฐ๋ ๊ฐ๊ณผ,
minPadding, maxPadding ์ค์ ๊ฐ์ผ๋ก ์๋ ๊ฒฐ์ ๋๋ค.
ํ์ง๋ง, ์๋ฆฌ์ฆ๋ค์ ๊ฐ๊ณผ ์๊ด์์ด ์๋ํ ๋ฒ์๊ฐ ์๋ค๋ฉด ๋ ๊ฐ์ง ๋ฐฉ์์ผ๋ก ๋ฒ์๋ฅผ ์ง์ ํ ์ ์๋ค.
minValue, maxValue๋ ๊ฐ๊ฐ ์ต์/์ต๋๊ฐ์ ๋ํ ํํธ๋ฅผ ์ ๊ณตํ๋ค.
์ฆ, ๊ณ์ฐ๋ ์ต์๊ฐ์ด minValue๋ณด๋ค ํฌ๋ฉด ์ต์๊ฐ์ด minValue๋ก ์ค์ ๋๊ณ ,
๊ณ์ฐ๋ ์ต๋๊ฐ์ด maxValue๋ณด๋ค ์์ผ๋ฉด ์ต๋๊ฐ์ด maxValue๋ก ์ค์ ๋๋ค. ์ด๋ ๊ฒ ์ค์ ๋ ์ต์/์ต๋๊ฐ์ minPadding, maxPadding์ด ์ ์ฉ๋๋ค.
stricMin, strictMax๋ ๊ณ์ฐ๋ ๊ฐ์ ๋ฌด์ํ๊ณ ์ต์/์ต๋๊ฐ์ผ๋ก ์ค์ ๋๋ฉฐ,
minPadding, maxPadding๋ ๋ฌด์๋๋ค.
Tick ๋ฐฐ์น
์ถ ๋ฒ์๊ฐ ๊ฒฐ์ ๋๋ฉด tick ๋ฐฐ์น๊ฐ ํ์ํ๋ฐ, ๊ธฐ๋ณธ์ ์ผ๋ก๋ ์ถ tick ๋ชจ๋ธ์ stepPixels์ ์ค์ ๋
ํฌ๊ธฐ๋ฅผ ๊ธฐ์ค์ผ๋ก ๊ฐ๋ฅํ 10 ๋ฐฐ์์ ๊ฐ์ด ๋๋๋ก tick๋ค์ ์์ฑํ๋ค.
tick ๋ชฉ๋ก์ ์์ฑํ๋ ์ฐ์ ์์๋ ์๋์ ๊ฐ๋ค.
- steps์ ๋ช ์์ ์ธ ์คํ ๋ชฉ๋ก์ด ์์ผ๋ฉด ๊ทธ๋๋ก ํ์ํ๋ค.
- baseAxis๊ฐ ์ค์ ๋๋ฉด base ์ถ์ tick ๊ฐ์๋๋ก ์์ฑํ๋ค.
- stepCount์ ์ค์ ๋ ๊ฐ์๋๋ก ์์ฑํ๋ค.
- tickInterval์ ์ค์ ๋ ๊ฐ ๊ฐ๊ฒฉ์ผ๋ก tick๋ค์ ์์ฑํ๋ค.
- ์์์ ์ธ๊ธํ stepPixels๊ณผ ๋๋ต ๋น์ทํ ๊ฐ๊ฒฉ๋๋ก tick๋ค์ ์์ฑํ๋ค.
- ์ ์์ฑ๋ค์ด ํ๋๋ ์ค์ ๋์ง ์์ ๊ฒฝ์ฐ ์ต์, ์ต๋ ์์น์ ๋ ๊ฐ ํน์ ํ ๊ฐ์ tick์ ์์ฑํ๋ค.