第1章 初識(shí)ECharts 1

1.1　數(shù)據(jù)可視化　1

1.1.1　數(shù)據(jù)可視化概述　1

1.1.2　數(shù)據(jù)可視化應(yīng)用場(chǎng)景　2

1.1.3　常見(jiàn)的數(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　安裝中文語(yǔ)言擴(kuò)展　16

1.3.3　使用Visual Studio Code編輯器　17

本章小結(jié)　18

課后習(xí)題　18

第2章　折線圖和餅圖　20

2.1　常見(jiàn)的折線圖　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　常見(jiàn)的餅圖　56

任務(wù)2.2.1　繪制基礎(chǔ)餅圖　56

任務(wù)2.2.2　繪制南丁格爾圖　60

本章小結(jié)　63

課后習(xí)題　63

第3章　柱狀圖和散點(diǎn)圖　65

3.1　常見(jiàn)的柱狀圖　65

任務(wù)3.1.1　繪制基礎(chǔ)柱狀圖　66

任務(wù)3.1.2　繪制堆疊柱狀圖　70

任務(wù)3.1.3　繪制階梯瀑布圖　78

任務(wù)3.1.4　繪制堆疊條形圖　83

3.2　常見(jiàn)的散點(diǎn)圖　88

任務(wù)3.2.1　繪制基礎(chǔ)散點(diǎn)圖　88

任務(wù)3.2.2　繪制帶有漣漪動(dòng)畫(huà)的散點(diǎn)圖　91

任務(wù)3.2.3　繪制氣泡圖　94

本章小結(jié)　99

課后習(xí)題　99

第4章　雷達(dá)圖、旭日?qǐng)D和關(guān)系圖　101

4.1　常見(jiàn)的雷達(dá)圖　101

任務(wù)4.1.1　繪制基礎(chǔ)雷達(dá)圖　102

任務(wù)4.1.2　繪制自定義雷達(dá)圖　107

4.2　常見(jiàn)的旭日?qǐng)D和關(guān)系圖　112

任務(wù)4.2.1　繪制旭日?qǐng)D　112

任務(wù)4.2.2　繪制圓角旭日?qǐng)D　118

任務(wù)4.2.3　繪制關(guān)系圖　125

本章小結(jié)　130

課后習(xí)題　130

第5章　儀表盤(pán)、漏斗圖和折線樹(shù)圖　132

5.1　常見(jiàn)的儀表盤(pán)　132

任務(wù)5.1.1　繪制進(jìn)度儀表盤(pán)　133

任務(wù)5.1.2　繪制時(shí)鐘儀表盤(pán)　142

5.2　常見(jiàn)的漏斗圖和折線樹(shù)圖　151

任務(wù)5.2.1　繪制基礎(chǔ)漏斗圖　151

任務(wù)5.2.2　繪制對(duì)比漏斗圖　156

任務(wù)5.2.3　繪制折線樹(shù)圖　160

本章小結(jié)　166

課后習(xí)題　166

第6章　ECharts的高級(jí)使用（上）　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的高級(jí)使用（下）　194

7.1　事件與行為　194

任務(wù)7.1.1　鼠標(biāo)事件　195

任務(wù)7.1.2　行為事件　201

7.2　數(shù)據(jù)異步加載與動(dòng)畫(huà)　205

任務(wù)7.2.1　異步加載圖表的數(shù)據(jù)　206

任務(wù)7.2.2　為圖表設(shè)置動(dòng)畫(huà)　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)目功能開(kāi)發(fā)　226

任務(wù)8.3.1　用戶數(shù)量及同比增長(zhǎng)率　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　平臺(tái)轉(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