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

                > 使用聯動可在表單中根據查詢條件聯動圖表/表格,或是圖表聯動圖表 [TOC] >[danger] 聯動配置僅用于動態數據的SQL和JSON數據集,靜態數據及JSON數據不支持 ## 1. 聯動效果 以表單聯動圖表為例,聯動表格,圖表聯動圖表均可同樣配置。 ![](https://img.kancloud.cn/3e/6a/3e6addb7558dde2142ab3cb305d74e13_1897x754.png) ## 2. 配置表單查詢條件 [查看表單配置專題](表單.md) ### 2.1 添加表單組件 ![](https://img.kancloud.cn/15/d9/15d979cf29bf83d295e59883b3b475bf_813x173.png) ### 2.2 配置表單查詢條件 * 以手動配置為例: ![](https://img.kancloud.cn/11/a8/11a8bf237bf1f6988f84f4600effbcad_1164x349.png) * 配置完成效果: ![](https://img.kancloud.cn/e9/14/e9140c75ad05df45654a53a3e92781e7_1199x193.png) ## 3 配置圖表 ### 3.1 添加圖表 以柱狀圖為例,[查看柱狀圖配置專題](基礎柱形圖.md) ![](https://img.kancloud.cn/83/ea/83ea7dc1f526fb788bf53a93addb1b08_651x218.png) ### 3.2 配置圖表數據 * 圖表數據配置 ![](https://img.kancloud.cn/0f/e5/0fe55d25b631820aa8053df49634b66e_1128x800.png) * 帶參SQL ``` select * from demo where name like '%${name}%' and sex='${sex}' ``` ![](https://img.kancloud.cn/69/05/6905483b1b8c34c159c027fec162d344_1537x613.png) ## 4 配置聯動 * 點擊組件右上角配置按鈕“![](https://img.kancloud.cn/f5/73/f5735425ca7cd1969e01c57a316c52aa_18x19.png)”,再點擊`“聯動設置”` ![](https://img.kancloud.cn/5e/82/5e82f3022b4fa5f6a9cfac0a354b3045_1687x651.png) * 可設置聯動的圖表會出現復選框 ![](https://img.kancloud.cn/8c/d1/8cd15abb8308d33ae7b67dc6d7d386b3_1662x680.png) * 配置聯動參數 1) 選中復選框 2) 點擊設置彈出參數配置 3) 點擊添加追加聯動映射字段 4) 設置映射字段 映射字段:表單中的查詢字段,如`“姓名”`、`“性別”` 接收參數:圖表數據集中的查詢參數,如`“name”`,`“sex”` ![](https://img.kancloud.cn/98/ff/98ffa7cea8b4be7b1c479c522536ef27_1667x666.png) ## 5 取消聯動 點擊所需取消聯動的組件,點擊設置按鈕,再點擊`“清空聯動”`,彈出確認取消,確認后即可取消與該組件相關聯的所有聯動 ![](https://img.kancloud.cn/05/c7/05c7f8360b111bf857485b7d3f28673e_1659x258.png) ## 6 日期范圍聯動配置 ### 6.1 SQL數據集配置 SQL 數據集參數為`“開始時間:createTime_begin”`和`“結束時間:createTime_end”`;參數需設置默認值,否則不查詢時,默認沒有數據; 查詢SQL如下: ``` select * from sys_user where create_time >= '${createTime_begin}' and create_time <='${createTime_end}' 或 select * from sys_user where create_time between '${createTime_begin}' and '${createTime_end}' ``` ![](https://img.kancloud.cn/bf/d9/bfd9e4b83e2c932786a63c3ba60a97e1_1517x813.png) ### 6.2 表單配置日期范圍 填寫參數名稱`“createTime”`,選擇日期類型,及范圍查詢 ![](https://img.kancloud.cn/2c/8a/2c8a69b5986a894f29a9aecdc3305374_1094x266.png) ### 6.3 配置聯動 選擇開始時間及結束時間對應參數即可 ![](https://img.kancloud.cn/29/f0/29f0feea32602cfb1a19fce462957705_623x392.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>

                              哎呀哎呀视频在线观看