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