上個項目,ui小哥哥,畫了這樣的設計圖:
看似非常簡單,但是瀏覽一遍echarts官網,會發現沒這個圖可以直接配置使用,我又去萬能的Gallery上瀏覽了。瀏覽了一遍,確實也沒有一樣的,但是有類似的,我們可以修修改改!
關注了Gallery那么久,發現其實很多的圖表是相通的,或者換句話說,圖表是很靈活的。比如:多看幾眼上圖,就會發現這個圖和儀表盤非常相近。Echarts中的立體圖表其實也是堆堆疊疊呈現出來的,實際上大部分依舊是平面2d的,所以這款圖,可以看作兩層,一層帶顏色,根據比例顯示,另一層灰色,寬度設置比第一層的小,且層級設置比第一層低,默認100%的值,這樣兩個圖堆在一起就好了,即series數組中有兩個對象:
這樣就完成了......