### 餅圖組件就是添加餅圖的組件。點擊“”圖標，再點擊“餅圖”，即可創建新的圖像，如圖2.31；   ## **一、組件名稱設置** ### 選中餅圖組件，在操作界面右側的“圖層名稱”處可修改組件的名稱，如圖2.32。（名稱最好要設置一下，方便后期組件管理）   ## **二、系統配色** ### 選中該餅圖組件，在操作界面右側，打開“系統配色”開關，在“配色選擇”下拉框中選擇主題，來設置餅圖組件的配色，如圖2.33。 * ### 默認配色：效果圖如圖2.331； * ### 紫色主題：效果圖如圖2.332； * ### 綠色主題：效果圖如圖2.333；    ## **三、餅圖設置** ### 選中該餅圖組件，在操作界面右側的“餅圖設置”處可修改設置組件的外觀特點，如圖2.34。 * ### 設為環形：把餅狀圖設置為環形樣式；（關閉設為環形圖開關，樣式如圖2.341；打開設為環形圖開關，樣式如圖2.342） * ### 半徑：第一個百分比為內部圓的半徑，如圖2.342標注的1；第二個百分比為外部圓半徑，如圖2.342標注的2；（兩個圓相差的部分為環） * ### 南丁格爾玫瑰：把餅狀圖設置成玫瑰樣式；（關閉南丁格爾玫瑰開關，樣式如圖2.341；打開南丁格爾玫瑰開關，樣式如圖2.343） * ### 自主排序：從小到大順時針排序； * ### 不顯示零：不顯示為0的份額； * ### 標簽位置：餅圖上文字的位置，分為：外側、內側、中心；（標簽位于外側效果圖如圖2.344；標簽位于內測，如圖2.345；標簽位于中心，效果圖如圖2.346） * ### 鏈接：點擊餅圖跳轉到的新頁面，格式為”[http://網址](http://xn--ses554g/)“或”[https://網址](https://xn--ses554g/)“，如圖2.347；       ## **四、標題設置** ### 選中該餅圖組件，在操作界面右側的“標題設置”處可修改餅圖組件的標題樣式，如圖2.35；效果圖如圖2.351。 * ### 標題開關：該開關控制標題的顯示與隱藏； * ### 標題：標題顯示的內容； * ### 字體顏色：標題的顏色； * ### 字體大小：標題字體大小； * ### 字體粗細：標題字體的粗細； * ### 字體位置：標題的位置，分為：居中、左對齊、右對齊； * ### 副標題：副標題內容； * ### 字體顏色：副標題字體顏色； * ### 字體粗細：副標題字體的粗細； * ### 字體大小：副標題字體大小；     ## **五、字體設置** ### 選中該餅圖，在操作界面右側的“字體設置”處可修改餅圖組件標簽的樣式，如圖2.36。 * ### 顯示：標簽是否顯示； * ### 字體大小：標簽文字的大小； * ### 字體顏色：標簽文字的顏色； * ### 字體粗細：標簽文字的粗細；   ## **六、提示語設置** ### 選中該餅圖組件，在操作界面右側的“提示語設置”處可修改餅圖組件的提示語，如圖2.37。 * ### 字體大小：提示語的字體大小； * ### 字體顏色：提示語的字體顏色；   ## **七、圖例設置** ### 選中該餅圖組件，在操作界面右側的“圖例設置”處可設置圖例的樣式，如圖2.38。 * ### 圖例開關：是否顯示圖例； * ### 字體顏色：圖例的字體顏色。如果要想自定義圖例的顏色，需要關閉系統配色（圖2.381）和刪除所有自定義配色（圖2.382）中的顏色。 * ### 圖例寬度：圖例的寬度； * ### 橫向位置：圖例的位置，分為：居中、左對齊、右對齊，如圖2.383； * ### 縱向位置：圖例的位置，分為：頂部、底部，如圖2.384； * ### 布局朝向：圖例的排列順序，分為：橫排和豎排，如圖2.385； * ### 字體大小：圖例的字體大小；             ## **八、自定義配色設置** ### 選中該餅圖組件，在操作界面右側的“自定義配色設置”處可配置上邊不能設置的內容，如圖2.39。 * ### 文字顏色：軸文字的顏色；（因為餅圖沒有軸，所以不需要設置） * ### 軸線顏色：軸線顏色；（因為餅圖沒有軸，所以不需要設置） * ### 配色：餅圖的顏色，如果開啟了“系統配色”，需要先把系統配色先關掉，這樣自定義的顏色才起作用；   ## **九、接口設置** ### 選中該餅圖組件，在操作界面右側，點擊“”，可設置接口，如圖2.391。 ### 1\. 數據類型 ### 數據類型分為靜態數據和動態數據； * ### 靜態數據：寫死的數據； * ### 動態數據：會隨著接口傳過來的數據實時變化；（一般這種比較常用） ### 2\. 接口地址 * ### name：為標簽名稱； * ### value：為標簽值； ### （1）靜態數據，接口地址傳過來的內容要符合以下格式： ~~~ [{"name":"蘋果","value":1000879},{"name":"三星","value":3400879},{"name":"小米","value":2300879},{"name":"oppo","value":5400879},{"name":"大疆","value":3000}] ~~~ ### （2）動態數據，接口地址傳過來的內容要符合以下格式： ~~~ {"data":[{"name":"蘋果","value":1000879},{"name":"三星","value":3400879},{"name":"小米","value":2300879},{"name":"oppo","value":5400879},{"name":"大疆","value":3000}]} ~~~ ### 3\. 刷新時間 ### 這個參數主要針對動態數據設置的，完成數據的實時更新。 * ### 如果你想設置成5秒刷新一次，可以將刷新時間設置成“5000”； ### 4\. 刷新數據 ### 這個參數主要是重新請求以下接口，完成數據的更新。