一、课程目标
1、了解大数据可视化技术
- 什么是数据可视化？
- 数据可视化的应用场景和使用工具
- 数据可视化图标分析之10种场景
2、掌握Echarts核心组件
- 学会阅读Echarts官方文档并搭建开发环境
- 掌握Echarts核心组件的使用与配置
- 掌握Echarts常用图的制作与注意事项
3、掌握Echarts高级用法
- 了解Echarts高级组件及使用技巧
- Echarts图表混搭
- 了解异步数据加载
- 了解自定义主题
- 了解事件与行为
4、了解前后端数据展示
- 了解后端数据交互的流程及关键步骤
- 通过综合项目案例熟练应用Echarts图表进行数据展示
二、数据可视化的概述
数据可视化主要旨在借助于图形化手段，清晰有效地传达与沟通信息，相对于文字更加直观。
三、什么是数据可视化
- 狭义上的数字可视化指的是将数据用统计图表方式呈现，而信息图形（信息可视化）则是将非数字的信息进行可视化。前者用于传递信息，后者用于表现抽象或复杂的概念、技术和信息。
- 广义上数据可视化是信息可视化其中一类，因为信息是包含了：数字和非数字的。
- 从原词的解释来讲：数据可视化重点突出的是”可视化”,而信息可视化则重点是”图示化”。
- 整体而言：可视化就是数据、信息以及科学等等多个领域图示化技术的统称。
四、经典可视化案例
- 全图主要城市空气质量图：
- 空气污染图
- 某地区的蒸发量和降水量
五、大数据可视化价值
最终宗旨在帮助人们迅速理解数据，不仅仅表现在过去还可以现实未来的数据
六、数据可视化的工具、书籍
- 软件：ableau、ssas、Studio、SPSS、MathWorks等
- JS图标库：Echarts、Chart.js等
- 书籍：数据可视化之类、鲜活的数据、可视化沟通、图解力、最简单的图形与最复杂的信息
七、Echarts概述
Echarts是一款由百度前端开发的基于JavaScript的可视化的数据库，简单来说是互联网开发程序过程中，后台数据库用以实现数据到图形的映射的一个插件。
八、Echarts特性介绍
浏览Echarts所输出的图表你不仅仅是个读者还可以参与到其中。它是一个丰富的可视化类型
- 它是一个拖拽、重计算、整合的数据
- 数据视图：满足用户对数据的需求
- 动态类型切换：尝试不同类型的图表展现
- 值域漫游：聚焦到你所关心的数值上
- 多图联动：更友好的关联数据分析
- 百搭时间轴：时间维度的拓展
- 大规模散点：展现大数据的魅力
- 力导向布局：复杂关系网络的最美呈现
- 动态数据添加：实现展现数据变化
- 多维度图例开关：切换你所关系的数据系列
- 多维度堆积：展现更具有内涵的统计图表
- 商业BI：一些应用广泛额商务图表
- 混搭：用最佳的组合方式展现你独特的数据
- 高度个性化能力：释放你的创造力
- 特效：吸引眼球的能力
九、如何快速上手开发一个Echarts可视化图表
- 获取Echarts
- 官网下载：Echarts官网
- 通过npm下载：cnpm install echarts --save
- cdn引入：www.bootcdn.cn/echarts/
- 引入echarts
- 利用script引入script src="echarts.min.js"
- 绘制一个简单的图表
- 配置echarts
十、Echarts常见组件
柱状图、折线图、饼图、散点图、气泡图、雷达图、地图、漏斗图、词云、仪表盘
十一、Echarts2.0与Echarts3.0的区别
- Echarts2.0对各类控件管理比较详细，有专门的目录来存放相关的js文件与相关资源，引入不方便，可能会漏掉文件，而Echarts3.0只需要引入一个echarts.min.js文件就可以了
- Echarts2.0是现在Echarts3.0是将来
- Echarts2.0做的图表更炫酷
- Echarts3.0更灵活更简单方便
