echarts柱狀圖能直觀的看出來數(shù)據(jù)的多少,當有多條數(shù)據(jù)的時候,我們可以為每條數(shù)據(jù)設置它的color,從而達到多條數(shù)據(jù)多個顏色的效果。
但是有這樣一個需求,不僅要求柱體是漸變色,而且還要求每隔一個都要變化一次顏色。
間隔變色可以理解成奇偶數(shù)的變化,當可以被2整除那么就是偶數(shù),如果不能被2整除就可以理解為奇數(shù),判斷有無余數(shù),返回不同的值就可以實現(xiàn)間隔變化了。
經(jīng)過查閱資料,color是支持回調函數(shù)的,那么漸變色就很容易解決了。
X,y,x2,y2,分別代表從上、下、左、右、進行漸變。ColorStops是一個數(shù)組,offset代表漸變的過程,你也可以設置百分數(shù)來精準確定變化的過程。
關于折線圖的漸變色可以看這篇文章→傳送門