Echarts从入门到上手实战-识艺教育-在线职业教育平台

1 第01章可视化技术概述与Echarts入门
1. 01_01.Echarts课程目标
  
  00:07:49
2. 01_02.前传：数据可视化概述_数据可视化概述
  
  00:05:01
3. 01_03.前传：数据可视化概述_什么是数据可视化？
  
  00:12:26
4. 01_04.前传：数据可视化概述_经典可视化案例
  
  00:06:25
5. 01_05.前传：数据可视化概述_大数据可视化的价值
  
  00:06:25
6. 01_06.前传：数据可视化概述_数据可视化工具、案例、书籍
  
  00:05:17
7. 01_07.快速上手Echarts_Echarts概述
  
  00:06:38
8. 01_08.快速上手Echarts_Echarts特性介绍
  
  00:23:03
9. 01_09.快速上手Echarts_如何快速上手开发一个Echarts可视化图表
  
  00:14:44
10. 01_10.快速上手Echarts_如何阅读Echarts官方文档
  
  00:10:49
11. 01_11.快速上手Echarts_Echarts学习必备基础知识
  
  00:05:34
12. 01_12.十大常见组件详解_Echarts3.x与Echarts2.x的区别
  
  00:07:23
13. 01_13.十大常见组件详解_Echarts基础架构与常见名词术语
  
  00:21:38
14. 01_14.十大常见组件详解_Echarts标准开发模板
  
  00:07:36
15. 01_15.十大常见组件详解_Echarts柱状图(bar)详解
  
  00:18:40
16. 01_16.十大常见组件详解_授人以渔01_Echarts配置项查看技巧
  
  00:25:27
17. 01_17.十大常见组件详解_Echarts拆线图(line)详解_基本配置
  
  00:15:32
18. 01_18.十大常见组件详解_Echarts拆线图(line)详解_动态数据展示
  
  00:12:17
19. 01_19.十大常见组件详解_授人以渔02_定制输出数据视图(dataView)的内容
  
  00:22:09
20. 01_20.十大常见组件详解_授人以渔03_利用百度图说实现Echarts的可视化配置
  
  00:14:10
2 第02章 Echarts图表详解-十大常见组件详解
1. 02_01.授人以渔Echarts图表标准配置图示技巧
  
  00:07:14
2. 02_02.饼图(pie)详解_标准饼图
  
  00:14:04
3. 02_03.小技巧01_辅助线的作用及Echart3.x与2.x中的区别
  
  00:10:28
4. 02_04.小技巧02_托动自动计算(calculable)功能实现及Echart3.x与2.x中的区别
  
  00:04:21
5. 02_05.饼图(pie)高级_环形图
  
  00:11:19
6. 02_06.饼图(pie)高级_嵌套环形图
  
  00:05:38
7. 02_07.散点图(scatter)详解_标准散点图
  
  00:08:43
8. 02_08.散点图(scatter)高级_提示信息及坐标轴的自定义
  
  00:31:56
9. 02_09.气泡图(bubble)详解
  
  00:11:14
10. 02_10.雷达图(radar)详解
  
  00:07:55
11. 02_11.地图(map)详解
  
  00:13:19
12. 02_12.漏斗图(funnel)详解
  
  00:07:32
13. 02_13.词云(wordCloud)详解
  
  00:09:52
14. 02_14.仪表盘(gauge)详解_基础配置
  
  00:04:16
15. 02_15.仪表盘(gauge)详解_多仪表盘高级配置
  
  00:21:24
16. 02_16.十大常见图表_小结
  
  00:06:04
3 第03章 Echarts高级与综合案例实战
1. 03_01.Echarts高级与综合案例实战-十大常见组件详解_Echarts图表高级_混搭折线与柱状图+双轴01
  
  00:05:03
2. 03_02.Echarts高级与综合案例实战-十大常见组件详解_Echarts图表高级_混搭折线与柱状图+双轴02
  
  00:09:11
3. 03_03.Echarts高级与综合案例实战-十大常见组件详解_Echarts图表高级_多图表联动
  
  00:12:01
4. 03_04.Echarts高级与综合案例实战-十大常见组件详解_Echarts图表高级_如何自定义并动态切换主题
  
  00:10:54
5. 03_05.Echarts高级与综合案例实战-十大常见组件详解_Echarts图表高级_Echarts异步数据加载
  
  00:13:34
6. 03_06.Echarts高级与综合案例实战-十大常见组件详解_Echarts图表高级_Echarts异步数据加载并显示Loading动画进度
  
  00:08:20
7. 03_07.Echarts高级与综合案例实战-十大常见组件详解_Echarts图表高级_Echarts数据动态更新
  
  00:09:02
8. 03_08.Echarts高级与综合案例实战-十大常见组件详解_Echarts图表高级_Echarts事件与行为概述
  
  00:04:33
9. 03_09.Echarts高级与综合案例实战-十大常见组件详解_Echarts图表高级_Echarts事件与行为_鼠标事件处理
  
  00:05:21
10. 03_10.Echarts高级与综合案例实战-十大常见组件详解_Echarts图表高级_Echarts事件与行为_鼠标点击位置判断及技巧
  
  00:16:13
11. 03_11.Echarts高级与综合案例实战-十大常见组件详解_Echarts图表高级_Echarts事件与行为_点击事件+异步获取数据明细
  
  00:13:05
12. 03_12.Echarts高级与综合案例实战-十大常见组件详解_Echarts图表高级_Echarts事件与行为_动态图表联动(事件驱动)
  
  00:03:58
13. 03_13.Echarts高级与综合案例实战-十大常见组件详解_Echarts图表高级_Echarts事件与行为_组件交互行为事件
  
  00:06:35
14. 03_14.Echarts高级与综合案例实战-十大常见组件详解_Echarts图表高级_小结
  
  00:04:06
15. 03_15.Echarts高级与综合案例实战-综合案例_北上广最佳前10航行路线图_案例分析
  
  00:05:10
16. 03_16.Echarts高级与综合案例实战-综合案例_北上广最佳前10航行路线图_代码实现01
  
  00:19:37
17. 03_17.Echarts高级与综合案例实战-综合案例_北上广最佳前10航行路线图_代码实现02
  
  00:30:20
18. 03_18.Echarts高级与综合案例实战-综合案例_北上广最佳前10航行路线图_代码实现03
  
  00:13:40
19. 03_19.Echarts高级与综合案例实战-综合案例_北上广最佳前10航行路线图_代码实现04
  
  00:09:11
20. 03_20.Echarts高级与综合案例实战-综合案例_北上广最佳前10航行路线图_重构实现数据动态异常加载_思路分析
  
  00:05:07
21. 03_21.Echarts高级与综合案例实战-综合案例_北上广最佳前10航行路线图_重构实现数据动态异常加载_代码实现
  
  00:06:06
22. 03_22.Echarts高级与综合案例实战-综合案例_豆瓣最新热映电影排名分析_案例分析
  
  00:03:37
23. 03_23.Echarts高级与综合案例实战-综合案例_豆瓣最新热映电影排名分析_豆瓣API简介&案例思路分析
  
  00:08:22
24. 03_24.Echarts高级与综合案例实战-综合案例_豆瓣最新热映电影排名分析_框架代码实现剖析
  
  00:08:44
25. 03_25.Echarts高级与综合案例实战-综合案例_豆瓣最新热映电影排名分析_实现异步跨域获取数据并本地缓存
  
  00:05:14
26. 03_26.Echarts高级与综合案例实战-综合案例_豆瓣最新热映电影排名分析_三种类型图形堆叠技巧实现
  
  00:11:45
27. 03_27.Echarts高级与综合案例实战-综合案例_豆瓣最新热映电影排名分析_电影海报显示功能的实现
  
  00:08:47
28. 03_28.Echarts高级与综合案例实战-综合案例_豆瓣最新热映电影排名分析_点击查看电影明细
  
  00:10:59
29. 03_29.Echarts高级与综合案例实战-数据可视化场景与方法论_图表适用场景概述
  
  00:05:52
30. 03_30.Echarts高级与综合案例实战-数据可视化场景与方法论_图表适用场景_柱状图、条形图、拆线图、饼图
  
  00:06:43
31. 03_31.Echarts高级与综合案例实战-数据可视化场景与方法论_图表适用场景_地图、雷达图、漏斗图、词云、散点图、双轴图
  
  00:10:58
32. 03_32.Echarts高级与综合案例实战-数据可视化场景与方法论_数据可视化方法
  
  00:14:55
33. 03_33.Echarts高级与综合案例实战-数据可视化场景与方法论_数据可视化误区
  
  00:05:55
34. 03_34.Echarts高级与综合案例实战-课程总结
  
  00:03:33

Echarts从入门到上手实战

1023人在学

公众号

小程序

课程详情

我要提问

1.课程研发环境

Echarts\前端可视化

2.内容简介

ECharts，缩写来自Enterprise Charts，商业级数据图表，一个纯Javascript的图表库，可以流畅的运行在PC和移动设备上，兼容当前绝大部分浏览器（IE6/7/8/9 /10/11，chrome，firefox，Safari等），底层依赖轻量级的Canvas类库ZRender，提供直观，生动，可交互，可高度个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验，赋予了用户对数据进行挖掘、整合的能力。

支持折线图（区域图）、柱状图（条状图）、散点图（气泡图）、K线图、饼图（环形图）、雷达图（填充雷达图）、和弦图、力导向布局图、地图、仪表盘、漏斗图、事件河流图等12类图表，同时提供标题，详情气泡、图例、值域、数据区域、时间轴、工具箱等7个可交互组件，支持多图表、组件的联动和混搭展现。大数据结合Echarts进行数据展示分析，现在已成为越来越多大数据企业的优先选择。

一、可视化技术概述与Echarts入门

01.课程目标

02.【前传：数据可视化概述】数据可视化概述

03.【前传：数据可视化概述】什么是数据可视化？

04.【前传：数据可视化概述】经典可视化案例

05.【前传：数据可视化概述】大数据可视化的价值

06.【前传：数据可视化概述】数据可视化工具、案例、书籍

07.【快速上手Echarts】Echarts概述

08.【快速上手Echarts】Echarts特性介绍

09.【快速上手Echarts】如何快速上手开发一个Echarts可视化图表

10.【快速上手Echarts】如何阅读Echarts官方文档

11.【快速上手Echarts】Echarts学习必备基础知识

12.【Echarts十大常见组件详解】Echarts3.x与Echarts2.x的区别

13.【Echarts十大常见组件详解】Echarts基础架构与常见名词术语

14.【Echarts十大常见组件详解】Echarts标准开发模板

15.【Echarts十大常见组件详解】Echarts 柱状图（bar）详解

16.【Echarts十大常见组件详解】授人以渔01_Echarts 配置项查看技巧

17.【Echarts十大常见组件详解】Echarts 拆线图（line）详解_基本配置

18.【Echarts十大常见组件详解】Echarts 拆线图（line）详解_动态数据展示

19.【Echarts十大常见组件详解】授人以渔02_定制输出数据视图（dataView）的内容

20.【Echarts十大常见组件详解】授人以渔03_利用百度图说实现Echarts的可视化配置

二、Echarts图表详解

21.【Echarts十大常见组件详解】授人以渔04_Echarts图表标准配置图示技巧

22.【Echarts十大常见组件详解】饼图（pie）详解_标准饼图

23.【Echarts十大常见组件详解】小技巧01_辅助线的作用及Echart3.x与2.x中的区别

24.【Echarts十大常见组件详解】小技巧02_托动自动计算（calculable）功能实现及Echart3.x与2.x中的区别

25.【Echarts十大常见组件详解】饼图（pie）高级_环形图

26.【Echarts十大常见组件详解】饼图（pie）高级_嵌套环形图

27.【Echarts十大常见组件详解】散点图（scatter）详解_标准散点图

28.【Echarts十大常见组件详解】散点图（scatter）高级_提示信息及坐标轴的自定义

29.【Echarts十大常见组件详解】气泡图（bubble）详解

30.【Echarts十大常见组件详解】雷达图（radar）详解

31.【Echarts十大常见组件详解】地图（map）详解

32.【Echarts十大常见组件详解】漏斗图（funnel）详解

33.【Echarts十大常见组件详解】词云（wordCloud）详解

34.【Echarts十大常见组件详解】仪表盘（gauge）详解_基础配置

35.【Echarts十大常见组件详解】仪表盘（gauge）详解_多仪表盘高级配置

36.【Echarts十大常见组件详解】_十大常见图表_小结

三、Echarts高级与综合案例实战

37.【Echarts十大常见组件详解】Echarts图表高级_混搭折线与柱状图+双轴 01

38.【Echarts十大常见组件详解】Echarts图表高级_混搭折线与柱状图+双轴 02

39.【Echarts十大常见组件详解】Echarts图表高级_多图表联动

40.【Echarts十大常见组件详解】Echarts图表高级_如何自定义并动态切换主题

41.【Echarts十大常见组件详解】Echarts图表高级_Echarts异步数据加载

42.【Echarts十大常见组件详解】Echarts图表高级_Echarts异步数据加载并显示Loading动画进度

43.【Echarts十大常见组件详解】Echarts图表高级_Echarts数据动态更新

44.【Echarts十大常见组件详解】Echarts图表高级_Echarts事件与行为概述

45.【Echarts十大常见组件详解】Echarts图表高级_Echarts事件与行为_鼠标事件处理

46.【Echarts十大常见组件详解】Echarts图表高级_Echarts事件与行为_鼠标点击位置判断及技巧

47.【Echarts十大常见组件详解】Echarts图表高级_Echarts事件与行为_点击事件+异步获取数据明细

48.【Echarts十大常见组件详解】Echarts图表高级_Echarts事件与行为_动态图表联动（事件驱动）

49.【Echarts十大常见组件详解】Echarts图表高级_Echarts事件与行为_组件交互行为事件

50.【Echarts十大常见组件详解】Echarts图表高级_小结

51.【Echarts综合案例】北上广最佳前10航行路线图_案例分析

52.【Echarts综合案例】北上广最佳前10航行路线图_代码实现01

53.【Echarts综合案例】北上广最佳前10航行路线图_代码实现02

54.【Echarts综合案例】北上广最佳前10航行路线图_代码实现03

55.【Echarts综合案例】北上广最佳前10航行路线图_代码实现04

56.【Echarts综合案例】北上广最佳前10航行路线图_重构实现数据动态异常加载_思路分析

57.【Echarts综合案例】北上广最佳前10航行路线图_重构实现数据动态异常加载_代码实现

58.【Echarts综合案例】豆瓣最新热映电影排名分析_案例分析

59.【Echarts综合案例】豆瓣最新热映电影排名分析_豆瓣API简介&案例思路分析

60.【Echarts综合案例】豆瓣最新热映电影排名分析_框架代码实现剖析

61.【Echarts综合案例】豆瓣最新热映电影排名分析_实现异步跨域获取数据并本地缓存

62.【Echarts综合案例】豆瓣最新热映电影排名分析_三种类型图形堆叠技巧实现

63.【Echarts综合案例】豆瓣最新热映电影排名分析_电影海报显示功能的实现

64.【Echarts综合案例】豆瓣最新热映电影排名分析_点击查看电影明细

65.【数据可视化场景与方法论】_图表适用场景概述

66.【数据可视化场景与方法论】_图表适用场景_柱状图、条形图、拆线图、饼图

67.【数据可视化场景与方法论】_图表适用场景_地图、雷达图、漏斗图、词云、散点图、双轴图

68.【数据可视化场景与方法论】_数据可视化方法

69.【数据可视化场景与方法论】_数据可视化误区

70.课程总结

1.了解大数据可视化技术
1.1什么是大数据可视化？
1.2数据可视化的应用场景与使用工具
1.3数据可视化图表分析之10种场景

2.掌握Echarts核心组件
2.1学会阅读Echarts官方文档并搭建开发环境
2.2掌握Echarts核心组件的使用与配置
2.3掌握Echarts常用图的制作与注意事项

3.掌握Echarts高级用法
3.1了解Echarts高级组件及使用技巧
3.2Echarts图表混搭
3.3了解异步数据加载
3.4了解自定义主题
3.5了解事件与行为

4.了解前后端数据展示
4.1了解前后端数据交互的流程及关健步骤
4.2通过综合项目案例熟练应用Echarts图表进行数据展示

通过本门课程的学习，能够让我们的学员对数据可视化技术有一个全面、系统、深入的了解，最终达到能够利用Echarts图表结合后端数据进行前端可视化报表展示的目的，再结合我们课程给出的项目实战综合演练，从而达到熟练使用Echarts的程度，为将来我们的学员面试大数据开发工程师，大数据分析师等工作岗位打下了一个良好的基础，为大大的加分项！

1、较全的Echarts课程讲解

70学时课时量，360度全方位，无死角的课程设计，让你通透Echarts可视化技术

2、比较适合小白学员学习的课程

只要你了解一点基本的Html,CSS,JavaScript，结合讲师丰富而专业的教学经验，深入浅出的让你就快速掌握Echarts

3、不仅仅是Echarts脚本，更侧重于可视化

课程不仅讲到的Echarts技术，更对可视化进行全方位解读（什么是可视化，可视化的最佳实践与误区等），将可视化理论与实践解合，项目案例最后压轴，让理论回归实践

4、不仅授人以鱼，更授人以渔

我们不仅仅是案例的代码讲解，演示，更侧于数据结构的分析、业务需求的分析及手把手教你如何阅读官方文档API及示例代码的剖析，让你不但知其然，还知其所以然

5、教学采用的是Echarts3.x的版本

我们教学使的是Echarts3.x的最新版本，同时兼顾Echarts2.0,让你即把握住该项技术的未来趋势，又能快速把所学应用到现在的工作中

1、课程针对人群

1.1、有志于学习数据可视化工具的在职IT人员
1.2、工作中需要用到Echarts进行数据展示的前端开发人员
1.3、工作中需要用到Echarts进行可视化展示的后台开发人员
1.4、大数据开发人员需要用到Echarts进行数据展示
1.5、数据分析人员需要利用进行更高级更个性化的可视化效果展示

2、我该怎么学,如何才能学好这门课程，给些建议。
2.1、要求具体基本的HTML，CSS基础
2.2、要求对Javascript有一定的了解
2.3、要求对Json数据结构有一定的认识
如果没有以上基础，也没关系，建议花一星期时间，上W3chool学习一下即可！

http://www.w3school.com.cn/

1、可以让你快速零基础上手Echarts图表开发
2、让你对Echarts的基本配置、图表详细用法、高级技巧有深入的理解和认识
3、学习完本门课程后，你将能够利用Echarts图表结合后端数据进行前端可视化报表展示
4、结合后台数据，根据业务需求利用Echarts进行更高级更个性化的可视化效果展示

评价（0）立即评论

登录

手机号码绑定