久久无码中文字幕_日韩精品无码一本二本三_久久精品呦女暗网_欧美一级夜夜爽_久久精品国产99久久99久久久

28
2023/09

Echarts柱狀圖間隔變色

發(fā)布時間:2023-09-28 15:38:11
發(fā)布者:帶帶大師兄
瀏覽量:
0

        echarts柱狀圖能直觀的看出來數(shù)據(jù)的多少,當有多條數(shù)據(jù)的時候,我們可以為每條數(shù)據(jù)設置它的color,從而達到多條數(shù)據(jù)多個顏色的效果。

        但是有這樣一個需求,不僅要求柱體是漸變色,而且還要求每隔一個都要變化一次顏色。

Echarts柱狀圖間隔變色

        間隔變色可以理解成奇偶數(shù)的變化,當可以被2整除那么就是偶數(shù),如果不能被2整除就可以理解為奇數(shù),判斷有無余數(shù),返回不同的值就可以實現(xiàn)間隔變化了。

Echarts柱狀圖間隔變色

    經(jīng)過查閱資料,color是支持回調函數(shù)的,那么漸變色就很容易解決了。

Echarts柱狀圖間隔變色

        X,y,x2,y2,分別代表從上、下、左、右、進行漸變。ColorStops是一個數(shù)組,offset代表漸變的過程,你也可以設置百分數(shù)來精準確定變化的過程。

Echarts柱狀圖間隔變色

        關于折線圖的漸變色可以看這篇文章→傳送門

關鍵詞:
返回列表