JimuReport積木報表—表格聯動圖表專題

聯動是指在一個報表中點擊表格某行或者圖表某區域,根據點擊數據重新渲染聯動的圖表。積木報表聯動分爲表格聯動圖表和圖表聯動圖表,下面我們就來看看錶格數據如何聯動圖表吧!

# 示例效果

示例:點擊班級列表的班級id,聯動展示班級下的學生成績圖表。

# 聯動配置步驟

1.設計報表

首先準備兩個報表,一個數據列表 “班級列表”、一個圖形報表 “班級學生分數圖表”。 篇幅有限深入請看 入門視頻

2.添加數據集

準備上述步驟一,兩個報表所需要的數據集

  • “班級列表” — 數據集

    查詢所有班級信息

  • “班級學生分數圖表” — 詳情數據集

    根據班級 classid 查詢學生分數信息

3.重點來了—配置超鏈接

3.1 添加鏈接
  • 點擊 “班級列表” 中的 "#{ty.id}"單元格,設置右側面板 “添加鏈接” +,選擇圖表聯動;如下圖:
3.2 聯動參數配置
  • 鏈接名稱:填寫鏈接名稱(隨意填寫)
  • 鏈接圖表:選擇鏈接圖表—“班級學生分數圖表”

參數設置說明:點擊“班級列表” 時通過“班級id”來聯動“班級學生分數圖表”,所以聯動參數如下

  • “原始參數—id”爲“班級列表” 中的班級id
  • “映射參數—classid”爲傳至“班級學生分數圖表” 中的參數classid

配置完成,保存後,點擊預覽即可查看聯動效果。

附錄:

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章