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

                # 儀表盤設計 >[warning] 【重大喜訊】jeecgboot v3.7.0+版本 VUE3 開源版本已經開放此功能。 儀表盤設計是數據可視化的一種展現方式,是將數據以各類圖表和圖形化的設計的方式,以視覺形式來呈現,從而幫助我們更加直觀的了解數據展示的意義。 >儀表盤設計操作簡單,拖拽即可完成圖表或表格等多種組件設計,無需編碼,10 分鐘零門檻打造出專業數據展示。 儀表盤設計支持多種數據來源配置,支持數據實時刷新,及數據過濾 方便快捷。 儀表盤設計在線體驗: [http://boot3.jeecg.com/](http://boot3.jeecg.com/) 門戶設計文檔:[http://www.hmoore.net/zhangdaiscott/vue3/2681205](http://www.hmoore.net/zhangdaiscott/vue3/2681205) [TOC] ## 1.效果展示 ![](https://img.kancloud.cn/c2/11/c2112d61cdf5bce52a82ff373d7afbf9_1891x829.png) ## 2.儀表盤設計 ### 2.1 新建儀表盤 首先點擊`“新增”`,創建一個新的儀表盤,或者使用已有示例復制一個儀表盤 ![](https://img.kancloud.cn/e4/53/e453be58a3cfa1e589c8818a15e4d8ef_1161x550.png) ### 2.2 選擇我們所需要的組件 * 目前jeecg儀表盤支持常用`“圖表組件”`、`“布局組件”`、`“地圖組件”`、`“表單組件”`等等。 ![](https://img.kancloud.cn/b6/41/b64122b3d10279c524bb155904b8ae2f_1911x690.png) * 選中添加組件可在`“屬性”`可設置組件的基本屬性信息。 ![](https://img.kancloud.cn/09/35/093542f772b651cd18e9d428d5512924_1233x811.png) * 選中添加組件可在`“數據”`中選擇靜態數據或動態數據,動態數據可實現實時刷新。 ![](https://img.kancloud.cn/5f/70/5f70e6f88759f0f5db87bc3f7061f58c_1337x817.png) * 選中添加組件可在`“交互”`中設置跳轉地址、查詢配置和鉆取配置。 ![](https://img.kancloud.cn/79/1b/791b84b98ff259f4ffd8c663825b4cc3_1184x538.png) ### 2.3 創建數據集 儀表盤設計所有組件默認均可設置靜態數據,當我們需要動態數據時,可在`“數據集”`中創建`“SQL數據集”`、`“API數據集”`及`“JSON數據集”` * 點擊“數據集”可“新增數據集” ![](https://img.kancloud.cn/92/c9/92c9d062c0e9480a835a0b55d3390d5c_1661x862.png) * 可選擇數據類型,解析字段后即可使用 ![](https://img.kancloud.cn/55/36/553692861c3567487f07e4e5cf6ac4ad_1535x791.png) ## 3.角色授權 可將儀表盤配置到角色的首頁配置中,用戶登錄后,首頁自動展示所配置儀表盤 ### 3.1 復制路由 * 復制路由 選擇所需要儀表盤,點擊`“復制路由”` ![](https://img.kancloud.cn/8c/df/8cdf8af8b366350936cd3b4f83f2c890_731x632.png) ### 3.2 配置角色授權 * 在角色管理中,選擇首頁配置 ![](https://img.kancloud.cn/08/be/08beb66923ac361f422cd751864620d0_1594x294.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>

                              哎呀哎呀视频在线观看