### 環形圖組件就是環狀顯示某一事件進度的組件。點擊“”圖標，再點擊“環形圖”，即可創建環形圖，如圖2.41；   ## **一、組件名稱設置** ### 選中該環形圖組件，在操作界面右側的“圖層名稱”處可修改組件的名稱，如圖2.42。（名稱最好要設置一下，方便后期組件管理）   ## **二、類型** ### 選中該環形圖組件，在操作界面右側的“類型”處可選擇顯示樣式，如圖2.43；類型包含：線條和圓環。 * ### 條線圖：進度條樣式；效果圖如圖2.431。 * ### 環形圖：環狀樣式；效果圖如圖2.432。    ## **三、 間距** ### 選中該環形圖組件，在操作界面右側的“間距”處可修改文字和進度條的間距，如圖2.44。 **備注：數值越大，文字離進度條越遠**   ## **四、邊框顏色** ### 選中該環形圖組件，在操作界面右側的“邊框顏色”處可修改進度條的顏色，如圖2.45。   ## **五、字體設置** ### 字體大小：修改圖2.46標注文字大小； ### 字體顏色：修改圖2.46標注文字顏色； ### 文字粗細：修改圖2.46標注文字粗細；   ## **六、前綴設置** ### 前綴字體大小：修改圖2.47標注文字大小； ### 前綴字體顏色：修改圖2.47標注文字顏色； ### 前綴文字粗細：修改圖2.47標注文字粗細；   ## **七、接口設置** ### 1\. 數據類型 ### 數據類型分為靜態數據和動態數據； * ### 靜態數據：寫死的數據； * ### 動態數據：會隨著接口傳過來的數據實時變化；（一般這種比較常用） ### 2\. 接口地址 * ### label：為前綴內容； * ### value：為文字內容； * ### data：為百分比； ### （1）靜態數據，接口地址穿過來的內容要符合以下格式： ~~~ {"label":"人數增漲","value":40,"data":90} ~~~ ### （2）動態數據，接口地址穿過來的內容要符合以下格式： ~~~ {"data":{"label":"人數增漲","value":40,"data":90}} ~~~ ### 3\. 刷新時間 ### 這個參數主要針對動態數據設置的，完成數據的實時更新。 * ### 如果你想設置成5秒刷新一次，可以將刷新時間設置成“5000”； ### 4\. 刷新數據 ### 這個參數主要是重新請求以下接口，完成數據的更新。   #### 5.其他樣式，怎樣設置\*\* ### 如圖2.49中樣式，接口設置格式如下：   備注：如果接口中配置“content”和“data”值，環形圖就顯示百分值； ### （1）靜態數據，接口地址穿過來的內容要符合以下格式： ~~~ { "label": "人數增漲", "value": 40, "content": "%", "data": 80} ~~~ ### （2）動態數據，接口地址穿過來的內容要符合以下格式： ~~~ {"data":{ "label": "人數增漲", "value": 40, "content": "%", "data": 80}} ~~~