### 雷達圖組件就是添加雷達圖的組件。點擊“”圖標，再點擊“雷達圖”，即可創建新的圖像，如圖2.61；   ## **一、組件名稱設置** ### 選中雷達圖組件，在操作界面右側的“圖層名稱”處可修改組件的名稱，如圖2.62。（名稱最好要設置一下，方便后期組件管理）   ## **二、系統配色** ### 選中該雷達圖組件，在操作界面右側，打開“系統配色”開關，在“配色選擇”下拉框中選擇主題，來修改雷達圖組件的配色，如圖2.63。 \*\* 備注：使用系統配色，需要先刪除自定義顏色；\*\* * ### 默認配色：效果圖如圖2.631； * ### 紫色主題：效果圖如圖2.632； * ### 綠色主題：效果圖如圖2.633；    ## **三、字體大小** ### 選中該雷達圖，在操作界面右側的“字體大小”處可修改文字的大小，如圖2.64。   ## **四、字體顏色** ### 選中該雷達圖，在操作界面右側的“字體顏色”處可修改文字的顏色，如圖2.65。   ## **五、區域透明度** ### 選中該雷達圖組件，在操作界面右側，拖動“區域透明度”，可設置雷達區域的透明度，如圖2.66。 * ### 0~1，透明度不斷變小，0的透明度最大，1透明度最小（即不透明）；   ## **六、標題設置** ### 選中該雷達圖組件，在操作界面右側的“標題設置”處可修改雷達圖組件的標題樣式，如圖2.67。 * ### 標題開關：該開關控制標題的顯示與隱藏； * ### 標題：標題顯示的內容； * ### 字體顏色：標題的顏色； * ### 字體粗細：標題字體的粗細； * ### 字體大小：標題字體大小； * ### 字體位置：標題的位置，分為：居中、左對齊、右對齊； * ### 副標題：副標題內容； * ### 字體顏色：副標題字體顏色； * ### 字體粗細：副標題字體的粗細； * ### 字體大小：副標題字體大小；   ## **七、字體設置** ### 選中該雷達圖，在操作界面右側的“字體設置”處可修改雷達圖組件的數字字體樣式，如圖2.68。 * ### 顯示：數值文字是否顯示； * ### 字體大小：文字的大小； * ### 字體顏色：文字的顏色； * ### 字體粗細：文字的粗細；   ## **八、提示語設置** ### 選中該雷達圖組件，在操作界面右側的“提示語設置”處可修改雷達圖組件的提示語，如圖2.69。 * ### 字體大小：提示語的字體大小； * ### 字體顏色：提示語的字體顏色；   ## **九、圖例設置** ### 選中該雷達圖組件，在操作界面右側的“圖例設置”處可設置圖例的樣式，如圖2.691；效果圖如圖2.692。 * ### 圖例開關：是否顯示圖例； * ### 圖例高度：圖例圖標的高度； * ### 圖例寬度：圖例圖標的寬度； * ### 位置：圖例的位置，分為：居中、左對齊、右對齊； * ### 布局朝向：圖例的排列順序，分為：橫排和豎排； * ### 字體大小：圖例的字體大小；     ## **十、自定義配色設置** ### 選中該折線圖組件，在操作界面右側的“自定義配色設置”處可配置上邊不能設置的內容，如圖2.692。 * ### 文字顏色、 軸線顏色暫時不起作用（后期會有版本優化）； * ### 配色：雷達覆蓋區域的顏色，如果開啟了“系統配色”，需要先把系統配色先關掉，這樣自定義的顏色才起作用；   ## **十一、接口設置** ### 選中該雷達圖組件，在操作界面右側，點擊“”，可設置接口，如圖2.694。 ### 1\. 數據類型 ### 數據類型分為靜態數據和動態數據； * ### 靜態數據：寫死的數據； * ### 動態數據：會隨著接口傳過來的數據實時變化；（一般這種比較常用） ### 2\. 接口地址 ### （1）靜態數據，接口地址傳過來的內容要類似以下格式： ~~~ {"indicator":[{"name":"銷售（sales）","max":6500},{"name":"管理（Administration）","max":16000},{"name":"信息技術（Information Techology）","max":30000},{"name":"客服（Customer Support）","max":38000},{"name":"研發（Development）","max":52000},{"name":"市場（Marketing）","max":25000}],"series":[{"data":[{"value":[4300,10000,28000,35000,50000,19000],"name":"預算分配（Allocated Budget）"}]}]} ~~~ ### （2）動態數據，接口地址傳過來的內容要類似以下格式： ~~~ {"data":{"indicator":[{"name":"銷售（sales）","max":6500},{"name":"管理（Administration）","max":16000},{"name":"信息技術（Information Techology）","max":30000},{"name":"客服（Customer Support）","max":38000},{"name":"研發（Development）","max":52000},{"name":"市場（Marketing）","max":25000}],"series":[{"data":[{"value":[4300,10000,28000,35000,50000,19000],"name":"預算分配（Allocated Budget）"}]}]}} ~~~ ### 3\. 刷新時間 ### 這個參數主要針對動態數據設置的，完成數據的實時更新。 * ### 如果你想設置成5秒刷新一次，可以將刷新時間設置成“5000”； ### 4\. 刷新數據 ### 這個參數主要是重新請求以下接口，完成數據的更新。