代碼如下：（角度需要自己計算，如果是百分百的圓就不需要averagenum,直接寫值就可以了） 　　var averagenum=50.22； ...

html部分 js部分 ...

1、加載庫 2、單層圓環餅圖 圖形： 3、內嵌圓環形餅圖 圖形： ...

效果圖： ...

上個項目，ui小哥哥，畫了這樣的設計圖： 看似非常簡單，但是瀏覽一遍echarts官網，會發現沒這個圖可以直接配置使用，我又去萬能的Gallery上瀏覽了。瀏覽了一遍，確實也沒有一樣的，但是有類似的，我們可以修修改改！ 關注了Gallery那么久，發現其實很多的圖表是相通 ...

效果圖 實現原理： 1.使用canvas繪制兩個半圓弧，底圖灰色半圓弧和顏色進度圓弧。 2.利用setInterval計時器，逐步改變顏色進度條，達到進度條的效果。 效果代碼： View Code ...

方式一： 效果： 方式二： 效果： ...

...