echarts半圓圖的配置


上個項目,ui小哥哥,畫了這樣的設計圖:

 

 看似非常簡單,但是瀏覽一遍echarts官網,會發現沒這個圖可以直接配置使用,我又去萬能的Gallery上瀏覽了。瀏覽了一遍,確實也沒有一樣的,但是有類似的,我們可以修修改改!

關注了Gallery那么久,發現其實很多的圖表是相通的,或者換句話說,圖表是很靈活的。比如:多看幾眼上圖,就會發現這個圖和儀表盤非常相近。Echarts中的立體圖表其實也是堆堆疊疊呈現出來的,實際上大部分依舊是平面2d的,所以這款圖,可以看作兩層,一層帶顏色,根據比例顯示,另一層灰色,寬度設置比第一層的小,且層級設置比第一層低,默認100%的值,這樣兩個圖堆在一起就好了,即series數組中有兩個對象:

 

 

 

 

 

 這樣就完成了......

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM