完成效果圖如下：
簡單例子說明：任務總數為3，已完成1，未完成2。
弧形進度條實現data值：
data[0]:標題佔固定位置為環形的25%，計算：(1+2)4/30.25=1，
data[1]:已完成任務數，具體值為1
data[2]:未完成任務數，具體值為2
注：1、startangle值設為315，是為了讓弧形圖看起來對稱且標題說明佔25%。
2、此處用data[0]中name的值作為data[1]中具體的值來實現圖示效果，即：用標題佔位的name值來模仿已完成任務的具體值進行說明。
3、如果title值的字數是固定的，用padding: [15,70,15,70]來進行限制還可以，動態的title更適合固定寬度而不是由padding撐開達到的寬度，這樣需要用到title的富文字樣式，padding需要做相應的修改，具體實現如下
（name就是title的變數名：let name = 『任務完成情況』）：
text:[`
}`].join(''
),textstyle:}}
,
隨機例子說明：任務總數為10，已完成1，未完成9，用弧形進度條完成如下展示：
說明：title為進度條說明值的標題，可以自定義樣式，
series中的data的三個值：
第乙個為下方的標題所佔的位置，且固定所佔比例為整個環形圖的25%，即四分之一，此值需要進行具體的計算，相當於任務總數為環形圖的75%，具體值為10，可算出整個環形圖的總值為10/0.75,即40/3(三分之四十)，標題說明所佔的具體值為40/3*0.25，約為3.3，第乙個的value為3.3。
第二個為實際上已完成任務的值，即為1。
第三個為實際上未完成任務的值，即為9，和已完成任務的值相加為任務總數。
option =
, left:
'center'
, bottom:
'23%'
, borderwidth:1,
bordercolor:
'#2fb6d9'
, backgroundcolor:
'#1e4695'
, borderradius:
200,
padding:[15
,70,15
,70]}
, series:[}
, data:[,
itemstyle:}}
,}},
}},]
},]}
;
ios弧形進度條 iOS快速實現環形漸變進度條
前言 一 先製作乙個不帶顏色漸變的進度條 自定義乙個cycleview，在.m 中實現drawrect方法 void drawrect cgrect rect cgcontextref ctx uigraphicsgetcurrentcontext 獲取上下文 cgpoint center cgpo...
ios弧形進度條 iOS快速實現環形漸變進度條
前言 一 先製作乙個不帶顏色漸變的進度條 自定義乙個cycleview，在.m 中實現drawrect方法 void drawrect cgrect rect cgcontextref ctx uigraphicsgetcurrentcontext 獲取上下文 cgpoint center cgpo...
ios弧形進度條 iOS一分鐘學會環形進度條
有幾篇部落格寫到了怎麼實現環形進度條，大多是使用core graph來實現，實現比較麻煩且效率略低，只是乙個小小的進度條而已，我們當然是用最簡單而且效率高的方式來實現。這篇部落格寫的不錯，不過看上去還是略微複雜了，我自己根據自己的思路整理了一下，當然目的是為了更加簡潔易懂。一 先製作乙個不帶顏色漸變...