<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                ThinkChat2.0新版上線,更智能更精彩,支持會話、畫圖、視頻、閱讀、搜索等,送10W Token,即刻開啟你的AI之旅 廣告
                ### 雷達圖組件就是添加雷達圖的組件。點擊“![](https://img.kancloud.cn/7e/94/7e943cbae6d2a0148ea1b1fe46f2a6ca_31x31.png)”圖標,再點擊“雷達圖”,即可創建新的圖像,如圖2.61; ![](https://img.kancloud.cn/27/3b/273b84df5dba2d99f394b37641741d0b_972x438.png) ![](https://img.kancloud.cn/db/fb/dbfb33a725ba3598d2cf80d54d44e5d9_796x34.png) ## **一、組件名稱設置** ### 選中雷達圖組件,在操作界面右側的“圖層名稱”處可修改組件的名稱,如圖2.62。(名稱最好要設置一下,方便后期組件管理) ![](https://img.kancloud.cn/66/fe/66fe827a05267563f1e6327de3621c9f_1068x644.png) ![](https://img.kancloud.cn/08/c6/08c6ad045f0ad55563adf43db181192f_797x42.png) ## **二、系統配色** ### 選中該雷達圖組件,在操作界面右側,打開“系統配色”開關,在“配色選擇”下拉框中選擇主題,來修改雷達圖組件的配色,如圖2.63。 \*\* 備注:使用系統配色,需要先刪除自定義顏色;\*\* * ### 默認配色:效果圖如圖2.631; * ### 紫色主題:效果圖如圖2.632; * ### 綠色主題:效果圖如圖2.633; ![](https://img.kancloud.cn/e1/c1/e1c1f54b9b069f34d7409801d921761b_1057x683.png) ![](https://img.kancloud.cn/2a/f4/2af4decc4d29451d05932c36f15f04f1_798x36.png) ![](https://img.kancloud.cn/ce/3a/ce3a1fc7187b7d591ea507ebd07ccc92_971x276.png) ## **三、字體大小** ### 選中該雷達圖,在操作界面右側的“字體大小”處可修改文字的大小,如圖2.64。 ![](https://img.kancloud.cn/62/14/62145ab4a234c0b4ea6d1e857c03997d_1059x471.png) ![](https://img.kancloud.cn/d3/bf/d3bfd22e66c9cc198ba2ccdc3f43bdd0_795x44.png) ## **四、字體顏色** ### 選中該雷達圖,在操作界面右側的“字體顏色”處可修改文字的顏色,如圖2.65。 ![](https://img.kancloud.cn/b9/48/b9480232c85c40d6118c16a01eec15a9_1059x457.png) ![](https://img.kancloud.cn/6d/51/6d51ac481da1471ae4bf4d3bf4a64816_802x42.png) ## **五、區域透明度** ### 選中該雷達圖組件,在操作界面右側,拖動“區域透明度”,可設置雷達區域的透明度,如圖2.66。 * ### 0~1,透明度不斷變小,0的透明度最大,1透明度最小(即不透明); ![](https://img.kancloud.cn/60/63/60637335d0e065ace73aba5ba4bfe4d6_1062x680.png) ![](https://img.kancloud.cn/86/8d/868de46be45cce1c7fbf75787ca28093_798x41.png) ## **六、標題設置** ### 選中該雷達圖組件,在操作界面右側的“標題設置”處可修改雷達圖組件的標題樣式,如圖2.67。 * ### 標題開關:該開關控制標題的顯示與隱藏; * ### 標題:標題顯示的內容; * ### 字體顏色:標題的顏色; * ### 字體粗細:標題字體的粗細; * ### 字體大小:標題字體大小; * ### 字體位置:標題的位置,分為:居中、左對齊、右對齊; * ### 副標題:副標題內容; * ### 字體顏色:副標題字體顏色; * ### 字體粗細:副標題字體的粗細; * ### 字體大小:副標題字體大小; ![](https://img.kancloud.cn/86/eb/86eb7c41b9375bccf9530f7a32f1bf6f_1125x637.png) ![](https://img.kancloud.cn/cd/ad/cdadf4772ecf45035c01b9d56ea7e802_799x45.png) ## **七、字體設置** ### 選中該雷達圖,在操作界面右側的“字體設置”處可修改雷達圖組件的數字字體樣式,如圖2.68。 * ### 顯示:數值文字是否顯示; * ### 字體大小:文字的大小; * ### 字體顏色:文字的顏色; * ### 字體粗細:文字的粗細; ![](https://img.kancloud.cn/a2/ed/a2edc20959d94d7679bdcc5858bb9e88_1047x337.png) ![](https://img.kancloud.cn/dd/a4/dda47682c1c7a33fed27910aedd5d31c_798x44.png) ## **八、提示語設置** ### 選中該雷達圖組件,在操作界面右側的“提示語設置”處可修改雷達圖組件的提示語,如圖2.69。 * ### 字體大小:提示語的字體大小; * ### 字體顏色:提示語的字體顏色; ![](https://img.kancloud.cn/80/61/80617519b13e9f31ee5579332c4beb2d_1044x360.png) ![](https://img.kancloud.cn/96/d3/96d3a4d7bcab3c986029adf6a056a969_796x39.png) ## **九、圖例設置** ### 選中該雷達圖組件,在操作界面右側的“圖例設置”處可設置圖例的樣式,如圖2.691;效果圖如圖2.692。 * ### 圖例開關:是否顯示圖例; * ### 圖例高度:圖例圖標的高度; * ### 圖例寬度:圖例圖標的寬度; * ### 位置:圖例的位置,分為:居中、左對齊、右對齊; * ### 布局朝向:圖例的排列順序,分為:橫排和豎排; * ### 字體大小:圖例的字體大小; ![](https://img.kancloud.cn/a2/52/a25281a41aa7fcb880ab1be853d1c7ed_1064x444.png) ![](https://img.kancloud.cn/2d/8d/2d8d5ae6186180f508a97bdb897579e7_801x40.png) ![](https://img.kancloud.cn/48/6e/486eedcd2f39a051ae3485caa595c250_916x512.png) ![](https://img.kancloud.cn/97/d3/97d3eb3026621080666d1f81e7473549_802x43.png) ## **十、自定義配色設置** ### 選中該折線圖組件,在操作界面右側的“自定義配色設置”處可配置上邊不能設置的內容,如圖2.692。 * ### 文字顏色、 軸線顏色暫時不起作用(后期會有版本優化); * ### 配色:雷達覆蓋區域的顏色,如果開啟了“系統配色”,需要先把系統配色先關掉,這樣自定義的顏色才起作用; ![](https://img.kancloud.cn/08/b0/08b05f12a1f2bf4053f8e01887c1aa99_1017x386.png) ![](https://img.kancloud.cn/c7/92/c7920d5c6ac71d6aaf6d33825ef99dca_793x48.png) ## **十一、接口設置** ### 選中該雷達圖組件,在操作界面右側,點擊“![](https://img.kancloud.cn/bd/5c/bd5c789b69043d88cc15dcb52598b435_388x57.png)”,可設置接口,如圖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\. 刷新數據 ### 這個參數主要是重新請求以下接口,完成數據的更新。 ![](https://img.kancloud.cn/be/58/be58ee34e491d38971c593bec72431d9_690x1234.png)
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看