QuickBI助你成為分析師-儀表板多圖關聯的實現
在儀表板的製作實踐中,使用者經常有這樣的需求:
點選儀表板中某個圖表控制元件中的某個區域,儀表板中和這個圖表控制元件相關的其他圖表控制元件的內容就根據當前被選擇區域對應的維度內容發生聯動。
現在我們講解一下如何製作一張多圖關聯的儀表板實現上述需求,儀表板由兩個圖表控制元件組成,分上下兩部分,上面為一個餅圖,內容為區域利潤資料。下面為一個交叉表,內容為區域內的各省份的銷售和利潤資料。
報表的具體制作步驟如下:
1.新建儀表板,新增餅圖控制元件並展示 區域、利潤金額欄位:
2.新建交叉表展示區域、省份、訂單金額和利潤金額欄位:
3.設定關聯:點選餅圖,編輯區域切換至 高階,選擇交叉表關聯欄位(餅圖關聯欄位和交叉表關聯欄位要相同)
4.進入預覽介面,檢視效果:
點選餅圖華北區域,則聯動交叉表查詢 華北區域詳細資訊:
點選餅圖華南區域,則聯動交叉表查詢 華南區域詳細資訊:
5.儲存儀表板為:圖表聯動demo 。
若有疑問請掃下圖二維碼加釘釘群,@袁世卿 獲取技術支援!
相關文章
- QuickBI助你成為分析師-資料建模(一)UI
- QuickBI助你成為分析師——資料來源FAQ小結UI
- 大屏報表中如何實現多圖表間的聯動?
- ZingChart繪製金融儀表板GC
- 如何成為資料分析師系列(一):視覺化圖表初階視覺化
- 儀表板對接海康威視攝像頭實現實時監控方案
- 適用多平臺的報表、儀表板工具2021年最新使用教程|影片教程|demo
- 轉向線上儀表板——資料分析的“元宇宙”時代來了元宇宙
- 一對多關聯表,怎麼判斷返回關聯陣列不為空的值啊?陣列
- 基於Elasticsearch和Kibana的COVID-19儀表板Elasticsearch
- 過分簡單,Tabluea儀表板與Smartbi自助儀表盤製作流程分享
- 互動式儀表板!Python輕鬆完成!⛵Python
- 掌握動態規劃,助你成為優秀的演算法工程師動態規劃演算法工程師
- 9個專案助你在2020年成為前端大師!前端
- Cube.js:開源儀表板框架的終極指南JS框架
- DevOps 團隊必備的 3 種指標儀表板dev指標
- MyBatis表關聯 一對多 多對一 多對多MyBatis
- 虹科乾貨 | 為什麼BI儀表板的共享功能對企業如此重要?
- 修改 dynamic crm 儀表板最大控制元件限制控制元件
- 如何使用 Rancher Desktop 訪問 Traefik Proxy 儀表板
- 使用 Cassandra、Astra 和 Stargate 構建儀表板 | baeldungAST
- VScode六月更新了Spring Boot儀表板VSCodeSpring Boot
- ComponentOne.NET儀表板佈局控制元件 — 實現視覺化資料大屏展示控制元件視覺化
- laravel 多對多關聯刪除中間表Laravel
- 教你如何透過vue實現echarts中的儀表盤VueEcharts
- Grafana 系列-統一展示-3-Prometheus 儀表板GrafanaPrometheus
- Grafana系列-統一展示-6-Zabbix儀表板Grafana
- 系統儀表板:System Dashboard Pro mac直裝版Mac
- 表的關聯關係
- 成為全棧程式設計師的技能表 - dev全棧程式設計師dev
- JPA(3) 表關聯關係(多對一、一對多、多對多、一對一)
- 利用Dbutils實現往兩個有關聯的表新增資料
- 關聯物件的實現原理【OC】物件
- System Dashboard Pro for Mac(系統儀表板) 1.7.1啟用版Mac
- 一文告訴你Excel融合分析如何利用Smartbi實現儀表盤效果Excel
- Grafana新手教程-實現儀表盤建立和告警推送Grafana
- flink維表關聯絡列之Redis維表關聯:實時查詢Redis
- 在 CSDN 上面看到的一篇關於 Laravel 關聯表模型和多對多關係的文章Laravel模型