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