8.6 圖表聯動圖表帶條件用法 · JimuReport 積木報表

>聯動是在一個報表里通過點擊單元格或圖表，將單元格所在行的數據或者圖表對應點擊區域的數據傳遞給被聯動的圖表數據集，重新渲染聯動圖表 > 圖表聯動圖表帶條件是指：點擊不同的圖表區域，根據不同的條件，進行渲染圖表的操作 [TOC] # 圖表帶條件聯動 ## 效果展示 >點擊折線圖，如果`y軸>1`那么就連聯動`柱形圖用戶統計`，否則就聯動`餅狀圖用戶統計` ![](https://img.kancloud.cn/7b/dc/7bdcde8cc42b14aa2f71cc8840a37287_1911x980.png) ## 配置步驟如下 ### 1、創建一個名為`用戶注冊統計`的數據報表 >創建一個用戶表，字段主要包含`用戶名`，`性別`，`手機號`，`密碼`，`創建時間` ![](https://img.kancloud.cn/95/d6/95d60e04ffcae3a7473e8c245448ef4f_1035x190.png) #### 1.1 給`用戶注冊統計`報表創建一個數據源 > 名稱為`用戶注冊統計` ![](https://img.kancloud.cn/21/ee/21ee8a5ae25705eb058aa77d84509e31_1920x894.png) #### 1.2 創建一個名為`用戶注冊統計`的折線圖 * 數據類型選擇`SQL數據集` * 綁定數據集選擇 `用戶注冊統計` * 分類屬性選擇`date` * 值屬性選擇`num` ![](https://img.kancloud.cn/0e/a6/0ea69f90918360914276e92947cf8640_1582x691.png) #### 1.3 給`用戶注冊統計`報表創建第二個數據源 > 名稱為`用戶通過日期查詢注冊人數` ![](https://img.kancloud.cn/7e/35/7e35d124bffc2eaa12e0b50e0c37f4d8_1920x904.png) #### 1.4 創建兩個圖表 >創建一個柱形圖，名字為`柱形圖用戶統計` * 數據類型選擇`SQL數據集` * 綁定數據集選擇 `用戶通過日期查詢注冊人數` * 分類屬性選擇`name` * 值屬性選擇`value` ![](https://img.kancloud.cn/1c/7c/1c7cb22e094358938900ff71afc804d5_1658x840.png) > 創建一個餅狀圖，名字為`餅狀圖用戶統計` ![](https://img.kancloud.cn/bd/38/bd38d9c05d10aa4d944693e245970d5a_1448x881.png) ### 2、重點來了->為我們的`用戶注冊統計`折線圖創建圖表聯動 #### 2.1為`用戶注冊統計`折線圖創建超鏈接 > 創建第一個超級鏈接 ![](https://img.kancloud.cn/f2/06/f206d61a6c8cea87246c56bffffea9f1_1646x830.png) * 鏈接名稱：`聯動到柱形圖` * 鏈接圖表：選擇`柱形圖用戶統計` * 條件：`sex=='男'` 代表`性別為男的時候聯動柱形圖` * 映射參數：`createTime`代表名稱為`用戶通過日期查詢注冊人數`對應的數據源參數 * 原始參數：`create_time`代表`用戶注冊統計`對應的數據源字段 ![](https://img.kancloud.cn/71/8c/718c88a0bc4d5dc035a07e0d4070a7fc_769x551.png) >創建第二個超鏈接 ![](https://img.kancloud.cn/ec/9b/ec9b926caa9e4cb54b16fcd2009fdc14_751x550.png) 保存預覽即可 ![](https://img.kancloud.cn/24/6b/246b8bb997defb7e18af5100037c03f6_1911x980.png) ## 附錄 #### 1、鉆取條件賦值規則詳見 [鉆取聯動條件規則](http://report.jeecg.com/2665167)