本書是一本采用任務驅(qū)動式體例編寫的基礎教材,詳細講解ECharts數(shù)據(jù)可視化的相關知識和技術,以通俗易懂的語言和豐富實用的任務,幫助讀者全面掌握ECharts的使用技巧。通過學習本書,讀者能夠根據(jù)實際需求完成圖表的繪制。
全書共8章。第1章講解ECharts的基本概念和Visual Studio Code編輯器的相關知識;第2~5章講解常見圖表的繪制,內(nèi)容包括折線圖、餅圖、柱狀圖、散點圖、雷達圖、旭日圖、關系圖、儀表盤、漏斗圖和折線樹圖;第6~7章講解ECharts的高級使用,內(nèi)容包括顏色主題、圖表混搭、多圖表聯(lián)動、事件與行為、數(shù)據(jù)異步加載與動畫;第8章講解電商數(shù)據(jù)可視化系統(tǒng)項目實戰(zhàn)。
本書配套豐富的教學資源,包括教學PPT、教學大綱、教學設計、源代碼、課后習題及答案等,此外,為了幫助讀者更好地學習本書中的內(nèi)容,編者團隊還提供了在線答疑,希望幫助更多讀者。
本書可作為高等教育本、?圃盒S嬎銠C相關專業(yè)的教材,也可作為廣大計算機編程愛好者的自學參考書。
1.本書是一本入門教材,屬于黑馬程序員系列圖書,詳細講解了ECharts的相關知識。
2.本書配套了豐富的教學資源,包括教學PPT、源代碼、教學視頻、教學大綱、教學設計、習題等。
黑馬程序員成立于2006年,由中國Java培訓先行者張孝祥老師發(fā)起,聯(lián)合全球最大的中文IT社區(qū)CSDN、中關村軟件園共同創(chuàng)辦的一家專業(yè)教育機構。辦學至今,我們一直堅守著為千萬人少走彎路而著書,為中華軟件之崛起而講課的辦學理念,堅持培養(yǎng)優(yōu)秀軟件應用工程師的宏偉目標,在累計培養(yǎng)的十萬余名學員中,其中90%的學員均已在北、上、廣等一線城市高薪就業(yè)。為了迎合軟件市場的需求,我們陸續(xù)開設了Java、網(wǎng)頁平面、PHP、.Net、iOS、C/C 、Android等9個專業(yè)方向的課程,并且未來將逐漸開設其他專業(yè)方向的課程。隨著傳智播客的日益壯大,除了北京總部,我們在上海、廣州、武漢、成都、深圳等地也創(chuàng)立了直營分支機構,傳智播客儼然已成為了國內(nèi)具有專業(yè)口碑的IT教育機構。
第1章 初識ECharts 1
1.1 數(shù)據(jù)可視化 1
1.1.1 數(shù)據(jù)可視化概述 1
1.1.2 數(shù)據(jù)可視化應用場景 2
1.1.3 常見的數(shù)據(jù)可視化工具 5
1.2 ECharts 5
1.2.1 ECharts基本概念 5
1.2.2 ECharts 5的新特性 7
1.2.3 ECharts獲取方式 8
1.3 Visual Studio Code編輯器 14
1.3.1 下載和安裝Visual Studio Code編輯器 15
1.3.2 安裝中文語言擴展 16
1.3.3 使用Visual Studio Code編輯器 17
本章小結 18
課后習題 18
第2章 折線圖和餅圖 20
2.1 常見的折線圖 20
任務2.1.1 繪制基礎折線圖 21
任務2.1.2 繪制堆疊折線圖 31
任務2.1.3 繪制區(qū)域面積圖 37
任務2.1.4 繪制堆疊面積折線圖 41
任務2.1.5 繪制階梯折線圖 46
任務2.1.6 繪制平滑曲線圖 52
2.2 常見的餅圖 56
任務2.2.1 繪制基礎餅圖 56
任務2.2.2 繪制南丁格爾圖 60
本章小結 63
課后習題 63
第3章 柱狀圖和散點圖 65
3.1 常見的柱狀圖 65
任務3.1.1 繪制基礎柱狀圖 66
任務3.1.2 繪制堆疊柱狀圖 70
任務3.1.3 繪制階梯瀑布圖 78
任務3.1.4 繪制堆疊條形圖 83
3.2 常見的散點圖 88
任務3.2.1 繪制基礎散點圖 88
任務3.2.2 繪制帶有漣漪動畫的散點圖 91
任務3.2.3 繪制氣泡圖 94
本章小結 99
課后習題 99
第4章 雷達圖、旭日圖和關系圖 101
4.1 常見的雷達圖 101
任務4.1.1 繪制基礎雷達圖 102
任務4.1.2 繪制自定義雷達圖 107
4.2 常見的旭日圖和關系圖 112
任務4.2.1 繪制旭日圖 112
任務4.2.2 繪制圓角旭日圖 118
任務4.2.3 繪制關系圖 125
本章小結 130
課后習題 130
第5章 儀表盤、漏斗圖和折線樹圖 132
5.1 常見的儀表盤 132
任務5.1.1 繪制進度儀表盤 133
任務5.1.2 繪制時鐘儀表盤 142
5.2 常見的漏斗圖和折線樹圖 151
任務5.2.1 繪制基礎漏斗圖 151
任務5.2.2 繪制對比漏斗圖 156
任務5.2.3 繪制折線樹圖 160
本章小結 166
課后習題 166
第6章 ECharts的高級使用(上) 168
6.1 ECharts顏色主題 168
任務6.1.1 更改圖表顏色主題 169
任務6.1.2 自定義圖表顏色主題 174
6.2 圖表混搭和多圖表聯(lián)動 178
任務6.2.1 折線圖和柱狀圖的混搭 179
任務6.2.2 柱狀圖和餅圖的混搭 182
任務6.2.3 柱狀圖和餅圖的聯(lián)動 187
本章小結 192
課后習題 192
第7章 ECharts的高級使用(下) 194
7.1 事件與行為 194
任務7.1.1 鼠標事件 195
任務7.1.2 行為事件 201
7.2 數(shù)據(jù)異步加載與動畫 205
任務7.2.1 異步加載圖表的數(shù)據(jù) 206
任務7.2.2 為圖表設置動畫 210
本章小結 219
課后習題 219
第8章 項目實戰(zhàn)電商數(shù)據(jù)可視化系統(tǒng) 221
8.1 項目介紹 221
8.2 項目初始化 224
8.3 項目功能開發(fā) 226
任務8.3.1 用戶數(shù)量及同比增長率 226
任務8.3.2 青年消費者的需求分布 229
任務8.3.3 用戶狀態(tài)分布 230
任務8.3.4 用戶分類 232
任務8.3.5 年度銷售額 233
任務8.3.6 月度銷售額 235
任務8.3.7 平臺轉(zhuǎn)化率 237
任務8.3.8 各地區(qū)銷售分析 239
任務8.3.9 單日訂單量 240
任務8.3.10 不同訂單狀態(tài)下的訂單數(shù)量 242
任務8.3.11 各地區(qū)訂單量分布情況 244
任務8.3.12 訂單配送方式分布情況 246
本章小結 247