QuickBI助你成為分析師-儀表板多圖關聯的實現
在儀表板的製作實踐中,使用者經常有這樣的需求:
點選儀表板中某個圖表控制元件中的某個區域,儀表板中和這個圖表控制元件相關的其他圖表控制元件的內容就根據當前被選擇區域對應的維度內容發生聯動。
現在我們講解一下如何製作一張多圖關聯的儀表板實現上述需求,儀表板由兩個圖表控制元件組成,分上下兩部分,上面為一個餅圖,內容為區域利潤資料。下面為一個交叉表,內容為區域內的各省份的銷售和利潤資料。
報表的具體制作步驟如下:
1.新建儀表板,新增餅圖控制元件並展示 區域、利潤金額欄位:
2.新建交叉表展示區域、省份、訂單金額和利潤金額欄位:
3.設定關聯:點選餅圖,編輯區域切換至 高階,選擇交叉表關聯欄位(餅圖關聯欄位和交叉表關聯欄位要相同)
4.進入預覽介面,檢視效果:
點選餅圖華北區域,則聯動交叉表查詢 華北區域詳細資訊:
點選餅圖華南區域,則聯動交叉表查詢 華南區域詳細資訊:
5.儲存儀表板為:圖表聯動demo 。
若有疑問請掃下圖二維碼加釘釘群,@袁世卿 獲取技術支援!
相關文章
- QuickBI助你成為分析師-資料建模(一)UI
- QuickBI助你成為分析師——資料來源FAQ小結UI
- 大屏報表中如何實現多圖表間的聯動?
- 儀表板對接海康威視攝像頭實現實時監控方案
- ZingChart繪製金融儀表板GC
- 如何成為資料分析師系列(一):視覺化圖表初階視覺化
- 使用MDX實現多維關聯分析
- hibernate之關於使用連線表實現多對一關聯對映
- SQL多個表實現聯合查詢SQL
- 一對多關聯表,怎麼判斷返回關聯陣列不為空的值啊?陣列
- 過分簡單,Tabluea儀表板與Smartbi自助儀表盤製作流程分享
- 基於 Bootstrap 的響應式後臺儀表板boot
- 適用多平臺的報表、儀表板工具2021年最新使用教程|影片教程|demo
- 21 步助你成為成功的 Web 開發者Web
- Update 多個關聯表SQL的寫法SQL
- MyBatis表關聯 一對多 多對一 多對多MyBatis
- Cube.js:開源儀表板框架的終極指南JS框架
- 使用 Cassandra、Astra 和 Stargate 構建儀表板 | baeldungAST
- 互動式儀表板!Python輕鬆完成!⛵Python
- laravel 多對多關聯刪除中間表Laravel
- MySQL INNER JOIN關聯多張表的寫法MySql
- 基於Elasticsearch和Kibana的COVID-19儀表板Elasticsearch
- DevOps 團隊必備的 3 種指標儀表板dev指標
- 如何使用 Rancher Desktop 訪問 Traefik Proxy 儀表板
- 系統儀表板:System Dashboard Pro mac直裝版Mac
- 通過圖表簡化sql語句的表關聯SQL
- ComponentOne.NET儀表板佈局控制元件 — 實現視覺化資料大屏展示控制元件視覺化
- 教你如何透過vue實現echarts中的儀表盤VueEcharts
- 表的關聯關係
- GIT好習慣助你成為更出色的開發者Git
- 分享之前整理的EBS常用表關聯圖 TRM
- JPA(3) 表關聯關係(多對一、一對多、多對多、一對一)
- 使用KPI儀表板,建立完整的資訊資料生態系統KPI
- 利用Dbutils實現往兩個有關聯的表新增資料
- 關聯物件的實現原理【OC】物件
- System Dashboard Pro for Mac(系統儀表板) 1.7.1啟用版Mac
- 關於多使用者建立相同表實現shell
- Grafana新手教程-實現儀表盤建立和告警推送Grafana