Web 數據可視化 (ECharts版)

範路橋，工學博士，廣東科學技術職業學院計算機工程技術學院（人工智能學院）副教授。
從事高校計算機教學與管理工作二十多年，榮獲得廣東省教學成果一等獎。多次指導學生參加創新創業大賽及專業技能競賽並獲獎。主持和參與十多項、省級、市級和校級科研項目：主持廣東教育廳項目1項，主持校級項目2項；作為主要人員參與一項國家高技術研究發展計劃（863）項目、2項廣東省自然科學基金、1項廣東省科技計劃項目、1項廣東省教育科學規劃等多項科研項目。
以作者身份在國內外重要學術期刊及國內、國際學術會議發表論文近30篇，其中EI光盤檢索4篇，ISTP檢索2篇，ISPEC檢索5篇。
獲得軟件著作權十餘項。獲得ACCP講師、SAP培訓師、高級軟件設計師、大數據培訓師等專業證書。
作為主編或副主編參與編寫計算機類教材4部。

張良均，高級信息系統項目管理師，泰迪杯全國大學生數據挖掘競賽（www.tipdm.org）的發起人。
華南師範大學、廣東工業大學兼職教授，廣東省工業與應用數學學會理事。
兼有大型高科技企業和高校的工作經歷，主要從事大數據挖掘及其應用的策劃、研發及諮詢培訓。
全國計算機技術與軟件專業技術資格（水平）考試繼續教育和CDA數據分析師培訓講師。
發表數據挖掘相關論文數二十餘篇，已取得國家發明專利12項，主編圖書《神經網絡實用教程》《數據挖掘:實用案例分析》 《MATLAB數據分析與挖掘實戰》等9本暢銷圖書，主持並完成科技項目9項。
獲得SAS、SPSS數據挖掘認證及Hadoop開發工程師證書，具有電力、電信、銀行、製造企業、電子商務和電子政務的項目經驗和行業背景。

第1章數據可視化概述 1
任務1.1認識數據可視化 1
1.1.1了解數據可視化的定義及特性 2
1.1.2了解數據中蘊含的信息 2
1.1.3了解數據可視化的作用 3
1.1.4了解數據可視化流程 6
1.1.5了解常用的數據可視化工具 7
任務1.2認識ECharts  12
1.2.1了解ECharts的發展歷程及應用 12
1.2.2了解ECharts 4.x的特性 13
任務1.3認識開發者工具 17
1.3.1下載Eclipse  18
1.3.2使用Eclipse  19
小結 20

第2章ECharts常用圖表 21
任務2.1快速上手第一個ECharts實例 21
2.1.1開發前的準備工作 21
2.1.2創建第一個ECharts圖表 25
任務2.2繪製柱狀圖 29
2.2.1繪製標準柱狀圖 29
2.2.2繪製堆積柱狀圖 35
2.2.3繪製標準條形圖 39
2.2.4繪製瀑布圖 41
任務2.3繪製折線圖 44
2.3.1繪製標準折線圖 44
2.3.2繪製堆積面積圖和堆積折線圖 45
2.3.3繪製階梯圖 49
任務2.4繪製餅圖 52
2.4.1繪製標準餅圖 52
2.4.2繪製圓環圖 54
2.4.3繪製嵌套餅圖 55
2.4.4繪製南丁格爾玫瑰圖 58
小結 63
實訓 63
實訓1會員基本信息及消費能力對比分析 63
實訓2會員數量相關分析 63
實訓3會員來源結構分析 64

第3章ECharts官方文檔及常用組件 65
任務3.1 ECharts官方文檔、基礎架構及常用術語 65
3.1.1 ECharts官方文檔簡介 65
3.1.2 ECharts基礎架構及常用術語 68
任務3.2直角坐標系下的網格及坐標軸 70
3.2.1直角坐標系下的網格 70
3.2.2直角坐標系下的坐標軸 74
任務3.3標題組件與圖例組件 80
3.3.1標題組件 80
3.3.2圖例組件 87
任務3.4工具箱組件與詳情提示框組件 92
3.4.1工具箱組件 92
3.4.2詳情提示框組件 97
任務3.5標記點和標記線 101
3.5 .1標記點 101
3.5.2標記線 101
小結 105
實訓 105
實訓銷售經理能力對比分析 105

第4章ECharts中的其他圖表 106
任務4.1繪製散點圖、氣泡圖 106
4.1.1繪製散點圖 106
4.1.2繪製氣泡圖 112
任務4.2繪製儀錶盤 122
4.2.1繪製單儀錶盤 122
4.2.2繪製多儀錶盤 126
任務4.3繪製漏斗圖或金字塔 130
4.3.1繪製基本漏斗圖或金字塔 131
4.3.2繪製多漏斗圖或多金字塔 134
任務4.4繪製雷達圖、詞云圖和矩形樹圖 136
4.4.1繪製雷達圖 137
4.4.2繪製詞云圖 145
4.4.3繪製矩形樹圖 147
小結 151
實訓 151
實訓1客戶數量與銷售額相關分析 151
實訓2店鋪銷售情況分析 151
實訓3各銷售環節人數轉化情況分析 152
實訓4銷售能力對比分析 152

第5章ECharts的高級功能 153
任務5.1 ECharts的圖表混搭及多圖表聯動 153
5.1.1 ECharts的圖表混搭 153
5.1.2 ECharts的多圖表聯動 160
任務5.2動態切換主題及自定義ECharts主題 165
5.2.1在ECharts 4.x中動態切換主題 165
5.2.2自定義ECharts主題 167
任務5.3 ECharts中的事件和行為 169
5.3.1 ECharts中鼠標事件的處理 169
5.3.2 ECharts組件交互的行為事件 174
5.3.3代碼觸發ECharts中組件的行為 179
任務5.4異步數據加載與顯示加載動畫 183
5.4.1在ECharts中實現異步數據加載 184
5.4.2異步數據加載時顯示加載動畫 186
小結 190
實訓 190
實訓1溫度與降水量、蒸發量的關係分析 190
實訓2咖啡店熱門訂單分析 190

第6章應用實戰：無人售貨機零售項目ECharts展現 192
任務6.1了解無人售貨機零售項目背景 192
6.1.1分析無人售貨機現狀 192
6.1.2了解無人售貨機數據情況 193
任務6.2可視化展示銷售情況總分析 193
6.2.1繪製儀錶盤展示各特徵及其環比增長率 194
6.2.2繪製簇狀柱狀-折線圖展示銷售金額變化趨勢 195
6.2.3繪製條形圖展示商品銷售金額前5名 196
6.2.4繪製簇狀柱狀圖展示售貨機銷售情況 197
6.2.5繪製餅圖展示用戶支付方式佔比 198
6.2.6銷售總情況大屏可視化 199
任務6.3可視化展現銷售分析 199
6.3 .1繪製南丁格爾玫瑰圖 199
6.3.2繪製條形圖展示商品銷售數量前10名 202
6.3.3繪製氣泡圖展示商品價格區間 203
6.3.4繪製折線圖展示銷售金額實際值與預測值 204
6.3.5銷售分析大屏可視化 205
任務6.4可視化展現庫存分析 205
6.4.1繪製簇狀柱狀圖展示售貨機商品數量 205
6.4.2繪製環形圖展示品類庫存佔比 206
6.4.3繪製堆積條形圖展示商品存銷量 207
6.4.4繪製簇狀柱狀-折線圖展示滯銷商品 208
6.4.5繪製矩形樹圖展示商品存貨周轉天數 209
6.4.6庫存分析大屏可視化 210
任務6.5可視化展示用戶分析 211
6.5.1繪製簇狀柱狀圖展示用戶消費地點和時間段 211
6.5.2繪製折線圖展示近5天用戶人數新增和流失趨勢 212
6.5.3繪製雷達圖展示用戶分群 213
6.5.4繪製環形圖展示用戶類型人數佔比 214
6.5.5繪製詞云圖展示用戶畫像 215
6.5.6用戶分析大屏可視化 216
小結 216
實訓 217
實訓1可視化展示銷售分析 217
實訓2可視化展示菜品分析 217
實訓3可視化展示用戶分析 217

第7章基於ECharts的大數據分析可視化平台實現無人售貨機用戶分析 218
任務7.1了解基於ECharts的大數據分析可視化平台 218
7.1.1初識平台 218
7.1.2熟悉平台模塊 219
任務7.2配置無人售貨機用戶分析的可視化儀錶盤 222
7.2.1用戶消費地點柱狀圖 222
7.2.2近5天用戶增長和流失折線圖 227
7.2.3用戶分群雷達圖 231
7.2.4用戶類型占比餅圖 235
7.2.5用戶購買商品數量詞云圖 239
7.2.6配置用戶分析可視化儀錶盤 243
小結 246
實訓 246
實訓可視化展示銷售分析 246

參考文獻 247