μλ νμΈμ μ¬λ¬λΆ, μ°μ - 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({μμ:['λΉ¨κ°μ','λ Ήμ']});
λΉμ μ λΉμ μ νμλ₯Ό μ°Ύμ κ²μ λλ€.
κ°μ¬ν©λλ€.