人人會建的大數據可視化大屏

第1章　數據可視化概述· ··················1

1.1　數據可視化························1

1.1.1　什麼是數據可視化··········1

1.1.2　基本概念······················1

1.1.3　主要應用······················1

1.1.4　發展階段······················2

1.1.5　相關分析······················2

1.1.6　數據可視化的意義··········3

1.2　數據可視化要素·················4

1.2.1　需求準確······················4

1.2.2　數據準確······················5

1.2.3　屏幕準確······················5

1.2.4　佈局合理······················5

1.2.5　圖表合理······················5

1.2.6　顏色合理······················5

1.2.7　長度合理······················6

1.2.8　可讀性強······················6

1.3　數據可視化展現形式··········6

1.3.1　數據大屏······················6

1.3.2　數據看板/儀表盤············7

1.3.3　數據報表······················7

1.4　 伏羲數據可視化平臺技術架構···································9

1.4.1　伏羲數據可視化平臺產品架構······················9

1.4.2　伏羲數據可視化平臺產品優勢····················10

1.4.3　伏羲數據可視化平臺登錄方式····················10

1.4.4　伏羲數據可視化平臺主要功能····················11

1.5　 常見數據可視化應用場景舉例··································13

1.5.1　公安場景舉例··············14

1.5.2　政務場景舉例··············14

1.5.3　交通場景舉例··············15

1.5.4　金融場景舉例··············15

第2章　可視化方案設計流程·········16

2.1　確認需求···························16

2.1.1　明確業務場景··············16

2.1.2　梳理關鍵指標··············16

2.1.3　確定分析維度··············16

2.1.4　收集整理數據··············17

2.1.5　選定圖表類型··············17

2.1.6　瞭解輸出設備··············19

2.2　大屏主題···························19

2.2.1　大屏主題風格··············19

2.2.2　大屏標題····················19

2.3　樣式設計···························20

2.3.1　尺寸確定····················20

2.3.2　佈局方案· ····················20

2.3.3　邊框設計····················24

2.3.4　字體設計····················24

2.4　數據處理···························24

2.4.1　數據處理原則··············24

2.4.2　數據處理方法··············25

2.5　圖表製作···························25

2.5.1　圖表製作方法··············25

2.5.2　註意事項····················25

2.6　視覺美化···························26

2.6.1　配色規範····················26

2.6.2　文字規範····················26

2.6.3　背景圖片····················27

2.6.4　圖表邊框····················27

2.6.5　UI動效·······················27

2.7　應用發布···························27

2.7.1　大屏預覽····················27

2.7.2　大屏發布共享··············28

2.7.3　終端交互····················29

第3章　數據準備及指標計算·········31

3.1　數據準備···························31

3.1.1　梳理所需數據··············31

3.1.2　檢查數據質量··············31

3.1.3　做好數據分類··············32

3.2　數據處理···························32

3.2.1　DMC/萬象模型處理······32

3.2.2　Excel處理···················32

3.2.3　其他免費數據處理工具··························32

3.3　數據對接···························32

3.3.1　DMC數據庫················33

3.3.2　API數據·····················33

3.3.3　Excel、CSV、JSON文件··························34

3.3.4　MySQL、PostgreSQL、Oracle、MongoDB、達夢數據庫·················35

3.4　指標計算···························35

3.4.1　數據指標計算方法········35

3.4.2　不同場景常見指標········37

3.4.3　數據指標計算案例········38

第4章　數據大屏基礎組件應用·····39

4.1　 數據大屏創建及操作界面概述··································39

4.1.1　大屏創建····················39

4.1.2　常用的工具·················41

4.1.3　編輯頁概述·················45

4.1.4　頁面設置····················47

4.1.5　要素設計····················48

4.2　圖表組件應用技巧·············48

4.2.1　柱形圖應用·················48

4.2.2　散點圖應用·················70

4.2.3　多類型圖表應用···········71

4.2.4　其他常見圖表應用········71

4.3　佈局組件應用技巧·············72

4.3.1　3D背景組件應用··········72

4.3.2　圖文標題組件應用········76

4.3.3　其他佈局組件應用········80

4.4　數據組件應用技巧·············80

4.4.1　文本組件應用··············80

4.4.2　數據集組件應用···········91

4.4.3　指標卡組件應用···········96

4.5　可視化大屏管理··············101

4.5.1　圖層管理···················101

4.5.2　組件管理···················103

4.5.3　大屏管理···················104

4.5.4　分組管理···················105

第5章　 數據可視化基礎大屏實操案例· ························107

5.1　大屏設計原則··················107

5.1.1　信息結構···················107

5.1.2　交互原則···················107

5.1.3　可視化表達················107

5.1.4　大屏規範提取/設計······108

5.2　從0到1製作數據大屏·······109

5.2.1　數據大屏需求梳理·······109

5.2.2　數據大屏主題確定·······109

5.2.3　數據大屏樣式設計·······109

5.2.4　數據大屏數據處理·······110

5.2.5　製作大屏···················111

5.2.6　數據大屏應用發布·······111

第6章　數據大屏復雜組件應用···112

6.1　媒體組件應用技巧···········112

6.1.1　圖片組件應用·············112

6.1.2　視頻組件應用·············115

6.1.3　音頻組件應用·············117

6.1.4　直播組件應用·············119

6.2　地圖組件應用技巧···········121

6.3　關系組件應用技巧···········126

6.3.1　流程圖組件應用··········126

6.3.2　關系圖組件應用··········129

6.3.3　樹圖組件應用·············132

6.4　裝飾組件應用技巧···········135

第7章　 數據可視化圖表交互應用·······························140

7.1　表單交互應用技巧···········140

7.2　導航交互應用技巧···········144

7.3　容器交互應用技巧···········153

7.3.1　彈窗面板組件應用·······153

7.3.2　動態面板組件應用·······155

7.3.3　引用面板組件應用·······157

7.3.4　輪播切換面板組件應用·························160

7.3.5　輪播選中面板組件應用·························164

7.3.6　Iframe面板組件應用·····165

7.3.7　數據容器組件應用·······166

7.4　動畫交互應用技巧···········168

7.4.1　繪制動畫應用·············168

7.4.2　動畫效果應用·············169

7.4.3　轉場動畫應用·············169

7.5　語音識別交互應用技巧····170

第8章　 數據可視化復雜大屏實操案例························174

8.1　圖表交互設置··················174

8.1.1　設置聯動···················174

8.1.2　設置自定義事件··········175

8.2　組件組合交互設置···········175

8.2.1　導航組件與圖表交互····175

8.2.2　表單組件與圖表交互····177

8.3　動畫交互設置··················178

附錄··············································180