์๋ ํ์ธ์ ์ฌ๋ฌ๋ถ, ์ฐ์ - ECharts๋ ํ๋ฅญํฉ๋๋ค. dataviz์์ ๋ค์์ผ๋ก ์ค์ํ ๊ฒ์ ์ฌ๋ฌ๋ถ์ด ์ข์ํ๋ ๊ฒ์ ๋๋ค!
์ด์ ๋ฌธ์ - "์์" ์ต์ ์ ๋ณ๊ฒฝํ๊ณ .setOption() ๋ฉ์๋๋ฅผ ์ฌ์ฉํ๋ ค๊ณ ํ์ต๋๋ค. ์ด๊ฒ์ ์ฐจํธ๋ฅผ ์ ๋ฐ์ดํธํ๊ฑฐ๋ .refresh() ๋ฉ์๋๋ฅผ ํธ์ถํ์ง ์์ต๋๋ค. ์๋ํ๋ ์ ์ผํ ๋ฉ์๋๋ setTheme()์ ๋๋ค. // ๋น ๋งค๊ฐ๋ณ์๋ ์ค๋ฅ๋ฅผ ๋ฐ์์ํค์ง๋ง ์์ ์ ์ํํฉ๋๋ค.
์ด์จ๋ , ๋น์ ์ ๋ ธ๊ณ ์ ๊ฐ์ฌ๋๋ฆฝ๋๋ค!
์ฌ์ค ๊ทํ์ ์์์ ์ด๋ฏธ ์ ํจํ์ง๋ง echarts ์๋ฆฌ์ฆ์๋ ์ ์ฉ๋์ง ์์์ต๋๋ค. ํ์ฌ option.color๊ฐ ๊ฐ ์๋ฆฌ์ฆ์ ํด๋นํ์ง ์๊ธฐ ๋๋ฌธ์ ๋๋ค. ์ด์ ๊ด๋ จํ์ฌ echarts๋ ๋ณ๊ฒฝ๋ ๊ฒ์ผ๋ก ์์ํฉ๋๋ค. โโ ์๋ฆฌ์ฆ์ ์์ ์์ฐจ ๊ฒฐ์ ์์ .
๋ฒ๋ก๊ฐ ๋ ๋๋ง ํ ์์ ๊ณ์ด ๋งต์ ์ ์งํ๊ธฐ ๋๋ฌธ์ ๋๋ค. ์ด ์ต์ ์ ์๋ํ๊ณ ์ค๋ช ์ ๋ฐ๋ผ ์์์ ๋ณ๊ฒฝํ๋ฉด ์๋ํฉ๋๋ค.
option = {
color: ['red','green'],
series : [
{
type:'pie',
data:[
{name:1, value:10},
{name:2, value:20}
]
}
]
};
๊ทธ๋ฌ๋ ๋ฒ๋ก๊ฐ ์ฌ์ฉ๋๋ฉด ๋ฒ๋ก์ API: setColor๋ฅผ ์ฌ์ฉํ ์ ์์ต๋๋ค. http://echarts.baidu.com/doc/doc-en.html#LegendInterface ์ฐธ์กฐ, ์๋ฆฌ์ฆ๋ฅผ ์ ์์์ผ๋ก ์ค์ ํ๊ฑฐ๋ ์๋ฆฌ์ฆ๋ฅผ ์ง์ฐ๋ ค๋ฉด false๋ฅผ ์ฐธ์กฐํ์ญ์์ค. ' ๋ฒ๋ก์ ์ปฌ๋ฌ ๋งต.
๋๋ setTheme๊ฐ ๊ฐ์ฅ ์ข์ ๋ฐฉ๋ฒ์ผ ์ ์์ต๋๋ค . http://echarts.baidu.com/doc/example/line1.html# -en์ ํ์ธํ์ญ์์ค.
์ฝ์์์ ์ด๊ฒ์ ์๋ํ์ญ์์ค
myChart.setTheme({์์:['๋นจ๊ฐ์','๋
น์']});
๋น์ ์ ๋น์ ์ ํ์๋ฅผ ์ฐพ์ ๊ฒ์
๋๋ค.
๊ฐ์ฌํฉ๋๋ค.
์, myChart.setTheme({color:['red','green']}); ์ ์๋ํฉ๋๋ค. ๊ฐ์ฌํฉ๋๋ค!
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
๋ฒ๋ก๊ฐ ๋ ๋๋ง ํ ์์ ๊ณ์ด ๋งต์ ์ ์งํ๊ธฐ ๋๋ฌธ์ ๋๋ค. ์ด ์ต์ ์ ์๋ํ๊ณ ์ค๋ช ์ ๋ฐ๋ผ ์์์ ๋ณ๊ฒฝํ๋ฉด ์๋ํฉ๋๋ค.
๊ทธ๋ฌ๋ ๋ฒ๋ก๊ฐ ์ฌ์ฉ๋๋ฉด ๋ฒ๋ก์ API: setColor๋ฅผ ์ฌ์ฉํ ์ ์์ต๋๋ค. http://echarts.baidu.com/doc/doc-en.html#LegendInterface ์ฐธ์กฐ, ์๋ฆฌ์ฆ๋ฅผ ์ ์์์ผ๋ก ์ค์ ํ๊ฑฐ๋ ์๋ฆฌ์ฆ๋ฅผ ์ง์ฐ๋ ค๋ฉด false๋ฅผ ์ฐธ์กฐํ์ญ์์ค. ' ๋ฒ๋ก์ ์ปฌ๋ฌ ๋งต.
๋๋ setTheme๊ฐ ๊ฐ์ฅ ์ข์ ๋ฐฉ๋ฒ์ผ ์ ์์ต๋๋ค . http://echarts.baidu.com/doc/example/line1.html# -en์ ํ์ธํ์ญ์์ค.
์ฝ์์์ ์ด๊ฒ์ ์๋ํ์ญ์์ค
myChart.setTheme({์์:['๋นจ๊ฐ์','๋ น์']});
๋น์ ์ ๋น์ ์ ํ์๋ฅผ ์ฐพ์ ๊ฒ์ ๋๋ค.
๊ฐ์ฌํฉ๋๋ค.