定 價:59.8 元
叢書名:工信精品大數(shù)據(jù)技術(shù)系列教材
- 作者:孫道遠 陳承歡 王德兵
- 出版時間:2025/8/1
- ISBN:9787115665614
- 出 版 社:人民郵電出版社
- 中圖法分類:TP31
- 頁碼:
- 紙張:膠版紙
- 版次:
- 開本:16開
在大數(shù)據(jù)時代,數(shù)據(jù)可視化已成為數(shù)據(jù)分析結(jié)果的重要呈現(xiàn)方式。本書以開源可視化庫ECharts為核心教學工具,以ECharts典型圖表繪制為主要教學內(nèi)容,詳細講解ECharts 5.x的圖表類型、基礎(chǔ)圖表繪制和高級應用,以及相關(guān)的交互操作。全書共9個模塊,分別是初識數(shù)據(jù)可視化與ECharts,熟知ECharts的圖表結(jié)構(gòu)與基本組件,繪制ECharts柱狀圖和條形圖,繪制ECharts折線圖,繪制ECharts餅圖,繪制ECharts散點圖和氣泡圖,繪制ECharts高級圖表,繪制ECharts特殊圖表,以及應用ECharts高級功能。本書構(gòu)建“示例代碼”“引導訓練”“實戰(zhàn)任務”3個漸進式訓練層次,提供49段示例代碼、71項引導訓練和33項實戰(zhàn)任務,同時采用“紙質(zhì)固定式+電子活頁式+工作手冊式”的融合型教材形式,旨在幫助讀者快速掌握ECharts 5.x的基本使用方法和常見圖表的繪制技巧,提升實戰(zhàn)技能。
本書可作為高校各專業(yè)“Web數(shù)據(jù)可視化”課程的教材,也可作為相關(guān)培訓班的輔導資料,以及廣大大數(shù)據(jù)技術(shù)愛好者自學數(shù)據(jù)可視化的參考書。
1.把握新需求,保證了教材的有效性。本教程旨在幫助讀者快速掌握ECharts 5.x的基本使用方法和常見圖表的繪制技巧。
2. 緊跟新技術(shù),注重了教材的先進性。ECharts作為一款功能強大的開源可視化工具,在Web數(shù)據(jù)可視化領(lǐng)域具有廣泛的應用前景。因其簡單易學、功能強大、計算迅速而贏得了廣大開發(fā)者的青睞。
3. 構(gòu)建新結(jié)構(gòu),提升了教材的實用性。這種模塊化教材結(jié)構(gòu)以ECharts典型圖表繪制為主體,兼顧ECharts 5.x的新特性和新功能。
4. 探索新模式,滿足了教材的層次性。本教材遵循學生認知規(guī)律和技能成長規(guī)律,構(gòu)建了漸進式的三個訓練層次:【示例代碼】、【引導訓練】、【實戰(zhàn)訓練】,提供了49段示例代碼,72項引導訓練任務,33項實戰(zhàn)訓練任務。
5. 運用新形式,夯實了教材的系統(tǒng)性。為了保證各項內(nèi)容的完整性和條理性,采用了“紙質(zhì)固定式+電子活頁式+工作手冊式”三類型融合型創(chuàng)新形式。
孫道遠,男,碩士,副教授,安徽工貿(mào)職業(yè)技術(shù)學院計算機信息工程學院副院長 ,中國科學技術(shù)大學國內(nèi)訪問學者,安徽省職業(yè)院校技能大賽一等獎指導教師,高級網(wǎng)絡工程師,安徽省高等學校教學名師,曾獲安徽省教學成果獎二等獎 ,發(fā)表論文20余篇 其中SCI論文1篇
目錄
模塊01 初識數(shù)據(jù)可視化與ECharts / 1
1.1 認知數(shù)據(jù)可視化 / 1
1.1.1 數(shù)據(jù)可視化的定義 / 1
1.1.2 數(shù)據(jù)可視化的作用 / 1
1.1.3 數(shù)據(jù)可視化的特性 / 2
1.1.4 數(shù)據(jù)可視化的基本流程 / 3
1.1.5 常用的數(shù)據(jù)可視化工具 / 4
1.2 認知ECharts / 5
1.2.1 什么是ECharts / 6
1.2.2 ECharts的發(fā)展歷程 / 6
1.2.3 ECharts的主要功能與技術(shù)特點 / 7
1.2.4 ECharts的使用場景 / 9
1.3 認知ECharts支持的圖表類型 / 10
1.3.1 ECharts支持的圖表按功能進行分類 / 10
1.3.2 ECharts支持的常見圖表按數(shù)據(jù)性質(zhì)和展示需求進行分類 / 10
1.4 初識ECharts 5.x / 12
1.4.1 什么是ECharts 5.x / 13
1.4.2 ECharts 5.x的新特性與改進 / 13
1.4.3 ECharts 5.x有哪些不足 / 14
1.4.4 ECharts 5.x的升級指南 / 15
1.4.5 ECharts 5.5.0的特性 / 15
1.5 下載與安裝ECharts 5.x / 17
1.5.1 下載ECharts 5.x / 17
1.5.2 安裝與引入ECharts / 18
1.5.3 將apache-echarts-5.5.1-src.zip發(fā)布為echarts.min.js / 18
1.6 ECharts支持的數(shù)據(jù)格式與數(shù)據(jù)集 / 19
1.6.1 ECharts支持的數(shù)據(jù)格式 / 20
1.6.2 ECharts的數(shù)據(jù)集 / 21
1.7 編輯和嵌入ECharts圖表 / 24
1.8 使用ECharts進行數(shù)據(jù)可視化和數(shù)據(jù)分析 / 24
1.8.1 使用ECharts進行數(shù)據(jù)可視化 / 24
1.8.2 使用ECharts進行數(shù)據(jù)分析 / 28
【實戰(zhàn)任務】 / 29
【任務1-1】指出各個圖表對應的圖表類型和主要功能 / 29
【任務1-2】比較柱狀圖和條形圖 / 31
【任務1-3】比較散點圖和折線圖 / 33
模塊02 熟知ECharts的圖表結(jié)構(gòu)與基本組件 / 36
2.1 定義圖表容器及指定圖表大小 / 36
2.1.1 初始化圖表 / 36
2.1.2 圖表大小和實例管理 / 37
2.2 認知與使用ECharts的坐標系 / 38
2.2.1 認知直角坐標系 / 38
2.2.2 認知極坐標系 / 40
2.2.3 認知地理坐標系 / 41
2.2.4 認知平行坐標系 / 42
2.2.5 認知單軸 / 42
2.2.6 認知日歷坐標系 / 42
2.3 認知ECharts圖表組件及常用術(shù)語 / 42
2.4 設(shè)置ECharts圖表的樣式 / 49
2.4.1 設(shè)置顏色主題 / 49
2.4.2 設(shè)置調(diào)色盤 / 50
2.4.3 直接設(shè)置圖形元素的樣式 / 51
2.4.4 通過emphasis屬性定制高亮的樣式 / 51
2.4.5 數(shù)據(jù)的視覺映射 / 53
2.5 使用數(shù)據(jù)集管理數(shù)據(jù) / 55
2.5.1 在系列中設(shè)置數(shù)據(jù) / 55
2.5.2 在數(shù)據(jù)集中設(shè)置數(shù)據(jù) / 57
2.5.3 數(shù)據(jù)到圖形的映射 / 59
2.5.4 數(shù)據(jù)集的常用數(shù)據(jù)格式 / 67
2.5.5 多個數(shù)據(jù)集的定義及引用 / 68
2.6 使用transform進行數(shù)據(jù)轉(zhuǎn)換 / 71
2.6.1 數(shù)據(jù)轉(zhuǎn)換的基礎(chǔ)操作 / 72
2.6.2 數(shù)據(jù)轉(zhuǎn)換的進階操作 / 74
2.6.3 使用數(shù)據(jù)轉(zhuǎn)換器filter / 77
2.6.4 使用數(shù)據(jù)轉(zhuǎn)換器sort / 82
2.6.5 使用外部的數(shù)據(jù)轉(zhuǎn)換器進行數(shù)據(jù)轉(zhuǎn)換 / 86
2.7 熟知ECharts的坐標軸 / 89
2.7.1 直角坐標系中的x軸、y軸 / 89
2.7.2 軸線 / 91
2.7.3 刻度 / 91
2.7.4 刻度標簽 / 92
2.8 熟知ECharts的圖例 / 93
2.8.1 圖例的布局位置 / 93
2.8.2 圖例的樣式 / 94
2.8.3 圖例的交互操作 / 95
【實戰(zhàn)任務】 / 97
【任務2-1】繪制ECharts柱狀圖 / 97
【任務2-2】繪制ECharts柱狀圖并設(shè)置屬性 / 100
【任務2-3】繪制ECharts柱狀圖和平滑折線圖 / 108
模塊03 繪制ECharts柱狀圖和條形圖 / 111
3.1 繪制基礎(chǔ)柱狀圖 / 111
3.1.1 繪制簡單的柱狀圖 / 111
3.1.2 繪制多系列的柱狀圖 / 113
3.1.3 設(shè)置柱狀圖樣式 / 114
3.2 繪制堆疊柱狀圖 / 119
3.3 繪制瀑布圖 / 120
3.4 繪制動態(tài)排序柱狀圖 / 121
3.5 繪制極坐標系下的堆疊柱狀圖 / 124
3.6 繪制條形圖 / 125
3.6.1 繪制基礎(chǔ)條形圖 / 125
3.6.2 繪制正負條形圖 / 127
3.6.3 繪制堆疊條形圖 / 129
【實戰(zhàn)任務】 / 132
【任務3-1】繪制城市一周氣溫變化柱狀圖 / 132
【任務3-2】繪制柱狀圖對比降水量與蒸發(fā)量 / 134
【任務3-3】繪制柱狀圖統(tǒng)計天氣數(shù)據(jù) / 136
【任務3-4】繪制柱狀圖展示蒸發(fā)量、降水量和溫度之間的關(guān)系 / 137
【任務3-5】繪制條形圖對比部分省市的地區(qū)生產(chǎn)總值 / 141
【任務3-6】繪制動態(tài)柱狀圖與折線圖 / 142
模塊04 繪制ECharts折線圖 / 144
4.1 繪制基礎(chǔ)折線圖 / 144
4.1.1 繪制簡單的折線圖 / 144
4.1.2 設(shè)置折線圖樣式 / 146
4.1.3 在折線圖的數(shù)據(jù)點處顯示數(shù)值 / 147
4.1.4 繪制包含空數(shù)據(jù)的折線圖 / 148
4.2 繪制堆疊折線圖 / 149
4.3 繪制區(qū)域面積折線圖 / 151
4.4 繪制平滑折線圖 / 153
4.5 繪制階梯折線圖 / 153
【實戰(zhàn)任務】 / 155
【任務4-1】繪制銷量折線圖分析促銷措施對商品銷量的影響 / 155
【任務4-2】繪制城市一周氣溫變化折線圖 / 157
【任務4-3】繪制一天用電量分布圖 / 158
【任務4-4】繪制長沙市空氣質(zhì)量指數(shù)變化折線圖,對比分析10月15天的空氣質(zhì)量指數(shù)變化 / 158
【任務4-5】繪制函數(shù)圖形 / 161
模塊05 繪制ECharts餅圖 / 163
5.1 繪制基礎(chǔ)餅圖 / 163
5.1.1 繪制簡單的餅圖 / 163
5.1.2 設(shè)置餅圖樣式 / 164
5.2 繪制圓環(huán)圖 / 166
5.2.1 繪制基礎(chǔ)圓環(huán)圖 / 166
5.2.2 在圓環(huán)圖中間顯示高亮區(qū)域?qū)奈淖?/ 168
5.3 繪制南丁格爾玫瑰圖 / 169
【實戰(zhàn)任務】 / 171
【任務5-1】繪制包含扇區(qū)間隙的餅圖,分析不同訪問途徑對廣告效果的影響 / 171
【任務5-2】繪制南丁格爾玫瑰圖,分析不同訪問途徑對廣告效果的影響 / 173
【任務5-3】繪制嵌套環(huán)形圖,分析不同訪問途徑對廣告效果的影響 / 175
模塊06 繪制ECharts散點圖和氣泡圖 / 176
6.1 繪制散點圖 / 176
6.1.1 繪制簡單的散點圖 / 176
6.1.2 設(shè)置散點圖的樣式 / 177
6.2 繪制氣泡圖 / 180
【實戰(zhàn)任務】 / 181
【任務6-1】繪制男性和女性身高、體重分布圖 / 181
【任務6-2】繪制城市AQI氣泡圖 / 183
模塊07 繪制ECharts高級圖表 / 184
7.1 繪制K線圖 / 184
7.2 繪制雷達圖 / 185
7.2.1 繪制基礎(chǔ)雷達圖 / 185
7.2.2 繪制多雷達圖 / 187
7.3 繪制盒須圖 / 187
7.4 繪制熱力圖 / 189
7.5 繪制儀表盤 / 192
【實戰(zhàn)任務】 / 193
【任務7-1】繪制城市AQI雷達圖 / 193
【任務7-2】繪制某城市一年氣溫變化盒須圖 / 194
【任務7-3】繪制日歷熱力圖 / 196
【任務7-4】繪制速度儀表盤 / 198
【任務7-5】繪制項目完成率儀表盤 / 199
模塊08 繪制ECharts特殊圖表 / 202
8.1 繪制關(guān)系圖 / 202
8.2 繪制矩形樹圖 / 205
8.3 繪制旭日圖 / 209
8.4 繪制平行坐標圖 / 210
8.5 繪制;鶊D / 211
8.6 繪制漏斗圖 / 214
【實戰(zhàn)任務】 / 216
【任務8-1】繪制日歷關(guān)系圖 / 216
【任務8-2】繪制標簽旋轉(zhuǎn)旭日圖 / 217
【任務8-3】繪制AQI分布圖(平行坐標圖) / 217
模塊09 應用ECharts高級功能 / 219
9.1 ECharts的事件與行為 / 219
9.1.1 鼠標事件的處理 / 219
9.1.2 組件交互行為事件的處理 / 221
9.1.3 代碼觸發(fā)ECharts中組件的行為 / 221
9.1.4 監(jiān)聽空白處的事件 / 223
9.2 使用ECharts的富文本標簽 / 224
9.2.1 文本樣式相關(guān)的配置項 / 226
9.2.2 文本、文本框、文本片段的基本樣式和裝飾 / 227
9.2.3 標簽的位置 / 228
9.2.4 文本片段的排版和對齊 / 229
9.3 繪制ECharts圖形時實現(xiàn)異步數(shù)據(jù)的加載與動態(tài)更新 / 230
9.3.1 異步加載 / 230
9.3.2 應用loading動畫 / 232
9.3.3 動態(tài)更新 / 232
9.4 更新數(shù)據(jù)時配置過渡動畫效果 / 235
9.4.1 過渡動畫的配置 / 236
9.4.2 動畫的性能優(yōu)化 / 239
9.4.3 監(jiān)聽動畫結(jié)束 / 239
9.5 服務端渲染ECharts圖表 / 240
9.5.1 服務端渲染 / 240
9.5.2 客戶端二次渲染 / 243
【實戰(zhàn)任務】 / 245
【任務9-1】繪制旋轉(zhuǎn)標簽的柱狀圖 / 245
【任務9-2】繪制包含富文本標簽的餅圖,分析城市各區(qū)域的各類天氣狀況的分布情況 / 247
【任務9-3】實現(xiàn)ECharts曲線圖形的拖曳操作 / 247