东京热成人网站_XX另类XX伦理XXAV_亚洲精品无码成人AAA片_高清av中文字幕无码_手机看片国产欧美日韩高清_bd美妙第进化型

咨詢電話:
15628812133
28
2023/09

Echarts柱狀圖間隔變色

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

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

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

Echarts柱狀圖間隔變色

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

Echarts柱狀圖間隔變色

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

Echarts柱狀圖間隔變色

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

Echarts柱狀圖間隔變色

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

關(guān)鍵詞:
返回列表