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

                # 如何從0到1創建一個大屏 ### 一、大屏簡介 大屏設計是使用可視化大屏的方式來分析并展示數據。大屏設計幫助非專業的工程師通過圖形化的界面輕松搭建專業水準的可視化應用,滿足您會議展覽、業務監控、風險預警、地理信息分析等多種業務的展示需求。 ``` 注意: 大屏設計組件接口,只支持https協議,不支持http協議!!! ``` ![](https://img.kancloud.cn/20/ea/20ea4669b5012e2f853035a5dbed9912_813x29.png) ### 二、如何從0到1設計一個大屏 以下圖大屏為例,為大家講解一下,如何從0到1設計一個大屏; ![](https://img.kancloud.cn/ed/e6/ede6c314c2eb6eae87d1df5ac9299e1c_1920x1061.png) ![](https://img.kancloud.cn/20/ea/20ea4669b5012e2f853035a5dbed9912_813x29.png) #### 2.1 新建大屏 * 新建空白大屏 進入大屏設計界面后,點擊下圖中的“新建大屏”按鈕,填寫相關信息,即可新建空白大屏; 在積木報表管理后臺,點擊“新建 ->新建大屏”,輸入大屏的名稱、密碼等信息,就可以設計大屏了; ``` 備注: 1、默認新建的大屏在“我的大屏”類別下; 2、新建或者復制模版新建大屏的時候,需要設置密碼,避免別人修改,或者刪除; ``` ![](https://img.kancloud.cn/59/06/59068d5841fb5c98e5f33181f5d568f2_1917x937.png) ![](https://img.kancloud.cn/23/1a/231a5a1852f55478e4fc80c5bc11d304_1918x934.png) ![](https://img.kancloud.cn/c6/2b/c62be40767be16a5417caf6e6dc4c06f_1918x940.png) #### 2.2 插入背景 點擊右側樣式設置欄中的“背景圖片”按鈕,可上傳大屏的背景圖片; ![](https://img.kancloud.cn/c7/9d/c79d32090b937a28bfdfa7d841c7c324_1910x934.png) #### 2.3 插入模塊,安排好整體布局 如果想使大屏的樣子好看,需要先把相應的模塊安排好,這樣頁面布局才好看; * 點擊上傳圖片按鈕,把整理好的模塊背景,按大屏樣式挨個上傳; ![](https://img.kancloud.cn/11/4f/114fd0dd70d584356b3cd7ad597f39b6_1918x935.png) ![](https://img.kancloud.cn/20/ea/20ea4669b5012e2f853035a5dbed9912_813x29.png) * 接著需要上傳各個模塊的圖表,比如各個模塊的圖表、名稱等元素; ![](https://img.kancloud.cn/1a/cb/1acb57f79b73a5182838dd4241fc32e4_1918x942.png) ![](https://img.kancloud.cn/20/ea/20ea4669b5012e2f853035a5dbed9912_813x29.png) #### 2.4 插入數據集 為了使圖表會實時數據變化,我們需要為各個圖表添加動態數據集; 選擇右側操作欄中的“數據 ->動態數據”,在接口地址中填寫對應的API地址,點擊“刷新”按鈕,就添加成功了; ![](https://img.kancloud.cn/24/fb/24fb973253ae8362c1d9aa5d00e5faad_1920x874.png) ![](https://img.kancloud.cn/20/ea/20ea4669b5012e2f853035a5dbed9912_813x29.png) #### 2.5 修改圖表樣式 要想圖表好看,還需要對圖表的樣式做修改,點擊右側操作欄中的“配置”,可對圖表的標題、數值、顏色、字體等樣式做設置; ![](https://img.kancloud.cn/85/66/85664dda432109d33c22a66f50c55d83_1917x940.png) ![](https://img.kancloud.cn/20/ea/20ea4669b5012e2f853035a5dbed9912_813x29.png) #### 2.6 保存、預覽 制作好圖表后,一定記得點擊“保存”按鈕,這樣數據才不會丟失;再點擊“預覽”按鈕,可對圖表進行預覽; ![](https://img.kancloud.cn/ef/a3/efa3a8f115cfdcf52e8857705aec34c9_1920x928.png) ![](https://img.kancloud.cn/20/ea/20ea4669b5012e2f853035a5dbed9912_813x29.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>

                              哎呀哎呀视频在线观看