728x90
๋ฐ˜์‘ํ˜•

2025/05/28 1

[js][ECharts] ๋ฐ์ดํ„ฐ ๋ช…์ด ๊ฐ™์•„๋„ ๋‹ค๋ฅธ ๋ฐ์ดํ„ฐ์ด๋ฉด ๋‹ค๋ฅธ์ƒ‰์œผ๋กœ ํ‘œ์‹œ (ํŒŒ์ด์ฐจํŠธ)

ECharts ํŒŒ์ด ์ฐจํŠธ์—์„œ ์ด๋ฆ„(label)์ด ๊ฐ™์€ ๊ฒฝ์šฐ ๊ฐ™์€ ์ƒ‰์ƒ์œผ๋กœ ํ‘œ์‹œ๋˜๋Š” ์ด์œ ๋Š”,ECharts๊ฐ€ ๋‚ด๋ถ€์ ์œผ๋กœ name ๊ฐ’์„ ๊ธฐ์ค€์œผ๋กœ ์ƒ‰์ƒ์„ ๋งคํ•‘ํ•˜๊ธฐ ๋•Œ๋ฌธ์ž…๋‹ˆ๋‹ค.์ฆ‰, data: [{name: 'A', value: 100}, {name: 'A', value: 200}] ์ฒ˜๋Ÿผ name์ด ๋™์ผํ•˜๋ฉด ๊ฐ™์€ ์ƒ‰์ƒ์„ ์ž๋™์œผ๋กœ ์ง€์ •ํ•ฉ๋‹ˆ๋‹ค. โœ… ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•: name์„ ๊ณ ์œ ํ•˜๊ฒŒ ๋ฐ”๊พธ๊ณ , label์—์„œ๋Š” ๋‹ค์‹œ ์›๋ž˜ ์ด๋ฆ„์œผ๋กœ ๋ณด์ด๊ฒŒ ์„ค์ •const rawData = [ { name: 'A', value: 100 }, { name: 'A', value: 200 }];// ์‹ค์ œ ํ‘œ์‹œํ•  ์ด๋ฆ„์€ label์—์„œ ์ฒ˜๋ฆฌํ•˜๊ณ ,// ๋‚ด๋ถ€ name์€ ์œ ์ผํ•˜๊ฒŒ ๋งŒ๋“ค์–ด์ค๋‹ˆ๋‹ค.const dataList = rawData.map((item, ..

Front/JS & jQuery 2025.05.28
728x90
๋ฐ˜์‘ํ˜•