（一）調色盤

它是一組顏色、圖形、系列會自動從其中選擇顏色。

（1）主題調色盤

（2）全局調色盤 （覆蓋主題調色盤）

在option下直接設置color屬性

color : ['red','pink','blue','purple','#333333'] ,

會按照數組總的順序來顯示

（3）局部調色盤（覆蓋全局調色盤）

series : [{color:['blue','purple','#333333','red','pink',],type: 'pie',data: data, }]

（二）顏色漸變

（1）線性漸變 type為'linear'

itemStyle:{color : {type:'linear', // 線性漸變x : 0, // x起始位置y : 0, // y起始位置x2: 0, // x結束位置y2: 1, // y結束位置colorStops:[{offset : 0,color:'red'}, // 百分之0處顏色為紅色{offset : 1,color:'yellow'} // 百分之百處顏色為黃色]} }

（2）徑向漸變?type為'radial'

itemStyle:{color : {type:'radial', // 徑向漸變x : 0.5, y : 0.5, r: 0.5, colorStops:[{offset : 0,color:'red'}, // 百分之0處顏色為紅色{offset : 1,color:'yellow'} // 百分之百處顏色為黃色]} }

總結

以上是生活随笔為你收集整理的ECharts学习--调色盘的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。