<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>

                合規國際互聯網加速 OSASE為企業客戶提供高速穩定SD-WAN國際加速解決方案。 廣告
                ### 漏斗圖組件就是添加漏斗圖樣式的組件。點擊“![](https://img.kancloud.cn/7e/94/7e943cbae6d2a0148ea1b1fe46f2a6ca_31x31.png)”圖標,再點擊“漏斗圖”,即可創建新的圖像,如圖2.81; ![](https://img.kancloud.cn/42/44/4244bc0f09c23ce85c4c10b2213a8258_1008x439.png) ![](https://img.kancloud.cn/64/1e/641e4e2cbd02642db60e969ecedf9921_799x35.png) ## **一、組件名稱設置** ### 選中漏斗圖組件,在操作界面右側的“圖層名稱”處可修改組件的名稱,如圖2.82。(名稱最好要設置一下,方便后期組件管理) ![](https://img.kancloud.cn/29/c5/29c5dd97cbbbd3e5cd0e396eda1abfea_1049x466.png) ![](https://img.kancloud.cn/8e/96/8e96b4c7620b800d12d60c440410acf3_782x41.png) ## **二、系統配色** ### 選中該漏斗圖組件,在操作界面右側,打開“系統配色”開關,在“配色選擇”下拉框中選擇主題,來修改漏斗圖組件的配色,如圖2.83。 ![](https://img.kancloud.cn/37/d0/37d0c1fe0c0775b522ab9cbb39dd0c91_1054x517.png) ![](https://img.kancloud.cn/70/97/70971b755ebdb77cb52e4f8a87b4fcd4_790x36.png) ## **三、文字設置** ### 選中該漏斗圖組件,在操作界面右側的“文字設置”處可修改漏斗圖組件內文字樣式,如圖2.84。 * ### 顯示開關:該開關控制內部文字的顯示與隱藏; * ### 字體大小:設置內部文字的大小; * ### 字體顏色:設置內部文字的顏色; * ### 字體粗細:設置內部文字的粗細; ![](https://img.kancloud.cn/b1/1b/b11b3b57d3ce776ff6cd5a89902f864c_1028x517.png) ![](https://img.kancloud.cn/17/bf/17bf6b0eee6f31293c28e21ad9351dc1_796x38.png) ## **四、反轉** ### 選中該漏斗圖組件,在操作界面右側,打開“反轉”開關,可將漏斗圖反轉180度,如圖2.85。(效果圖2.851) ![](https://img.kancloud.cn/e5/b8/e5b852a98c7bede2a0e46e615b272e4f_969x464.png) ![](https://img.kancloud.cn/0c/bf/0cbf0e7779241a98b3960580c4292787_799x39.png) ![](https://img.kancloud.cn/50/d0/50d050d1a294c7adf6bd7913f14c989b_844x599.png) ![](https://img.kancloud.cn/92/54/92545ef6edf4a9e895eeeeeb05762ef5_803x39.png) ## **五、標題設置** ### 選中該漏斗圖組件,在操作界面右側的“標題設置”處可修改漏斗圖組件的標題樣式,如圖2.86。 * ### 標題開關:該開關控制標題的顯示與隱藏; * ### 標題:標題顯示的內容; * ### 字體顏色:標題的顏色; * ### 字體粗細:標題字體的粗細; * ### 字體大小:標題字體大小; * ### 字體位置:標題的位置,分為:居中、左對齊、右對齊; * ### 副標題:副標題內容; * ### 字體顏色:副標題字體顏色; * ### 字體粗細:副標題字體的粗細; * ### 字體大小:副標題字體大小; ![](https://img.kancloud.cn/46/0c/460c8385a7a68d5e074f98bde0368595_934x634.png) ![](https://img.kancloud.cn/5c/96/5c96398c1ffbe5fabbb6182e4c28d971_796x43.png) ## **六、字體設置** ### 選中該漏斗圖,在操作界面右側的“字體設置”處可修改漏斗圖組件的文字樣式,如圖2.87。 * ### 顯示:文字是否顯示; * ### 字體大小:文字的大小; * ### 字體顏色:文字的顏色; * ### 字體粗細:文字的粗細; ![](https://img.kancloud.cn/18/c2/18c23c9b4aa894c68c8654d03f97766d_1044x402.png) ![](https://img.kancloud.cn/e8/49/e849fd90dca5b6925413a2c46677f99b_800x42.png) ## **七、提示語設置** ### 選中該漏斗圖組件,在操作界面右側的“提示語設置”處可修改漏斗圖組件的提示語樣式,如圖2.88。 * ### 字體大小:提示語的字體大小; * ### 字體顏色:提示語的字體顏色; ![](https://img.kancloud.cn/1a/73/1a73150993f1817fec34ca8a709a478c_1053x380.png) ![](https://img.kancloud.cn/31/00/31006ed616f68a4220b174fd8f074392_784x39.png) ## **八、圖例設置** ### 選中該漏斗圖組件,在操作界面右側的“圖例設置”處可設置圖例的樣式,如圖2.89。 * ### 圖例開關:是否顯示圖例; * ### 位置:圖例的位置,分為:居中、左對齊、右對齊; * ### 布局朝向:圖例的排列順序,分為:橫排和豎排; * ### 字體大小:圖例的字體大小; ![](https://img.kancloud.cn/2c/59/2c5990f19e57b11d66be6d60251e88b6_1033x374.png) ![](https://img.kancloud.cn/dc/45/dc45d1d48c525a80f633f53af404afac_804x46.png) ## **九、自定義配色設置** ### 選中該漏斗圖組件,在操作界面右側的“自定義配色”處可配置上邊不能設置的內容,如圖2.891。 * ### 文字顏色:軸文字的顏色;(因為漏斗圖沒有軸,所以不需要設置) * ### 軸線顏色:軸線顏色;(因為漏斗圖沒有軸,所以不需要設置) * ### 配色:漏斗圖每層的顏色,如果開啟了“系統配色”,需要先把系統配色先關掉,這樣自定義的顏色才起作用; ![](https://img.kancloud.cn/69/3d/693d6b63f0a4f87fb815b660e4594ab9_1005x504.png) ![](https://img.kancloud.cn/a6/22/a6228f4f0b78eee960bae394333ee37b_803x49.png) ## **八、接口設置** ### 選中該漏斗圖組件,在操作界面右側,點擊“![](https://img.kancloud.cn/49/06/4906ead2d133a7cfb9e739053c2d5930_389x49.png)”,可設置接口,如圖2.892。 ### 1\. 數據類型 ### 數據類型分為靜態數據和動態數據; * ### 靜態數據:寫死的數據; * ### 動態數據:會隨著接口傳過來的數據實時變化; ### 2\. 接口地址 ### (1)靜態數據,接口地址傳過來的內容要類似以下格式: ~~~ [{"value":335,"name":"直接訪問"},{"value":310,"name":"郵件營銷"},{"value":234,"name":"聯盟廣告"}] ~~~ ### (2)動態數據,接口地址傳過來的內容要類似以下格式: ~~~ {"data":[{"value":335,"name":"直接訪問"},{"value":310,"name":"郵件營銷"},{"value":234,"name":"聯盟廣告"}]} ~~~ ### 3\. 刷新時間 ### 這個參數主要針對動態數據設置的,完成數據的實時更新。 * ### 如果你想設置成5秒刷新一次,可以將刷新時間設置成“5000”; ### 4\. 刷新數據 ### 這個參數主要是重新請求以下接口,完成數據的更新。 ![](https://img.kancloud.cn/4e/47/4e47ea68c6af6acaa8b5d738065df18c_688x1028.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>

                              哎呀哎呀视频在线观看