ECharts学习--调色盘
生活随笔
收集整理的這篇文章主要介紹了
ECharts学习--调色盘
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
(一)調(diào)色盤
它是一組顏色、圖形、系列會(huì)自動(dòng)從其中選擇顏色。
(1)主題調(diào)色盤
(2)全局調(diào)色盤 (覆蓋主題調(diào)色盤)
在option下直接設(shè)置color屬性
color : ['red','pink','blue','purple','#333333'] ,會(huì)按照數(shù)組總的順序來顯示
(3)局部調(diào)色盤(覆蓋全局調(diào)色盤)
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結(jié)束位置y2: 1, // y結(jié)束位置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'} // 百分之百處顏色為黃色]} }總結(jié)
以上是生活随笔為你收集整理的ECharts学习--调色盘的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 《淘宝网开店 拍摄 修图 设计 装修 实
- 下一篇: 比较全的Struts介绍04