ECharts数据可视化 课件全套 第1--8章 初识ECharts ----项目实战——电商数据可视化系统.pptx

第1章初识ECharts;学习目标/Target;学习目标/Target;章节概述/Summary;目录/Contents;数据可视化

;;什么是数据可视化？;;数据可视化提倡美学形式与功能需要“齐头并进”，它既不会因为要实现功能而令人感到枯燥、乏味，也不会因为要实现绚丽多彩的视觉效果而令图表过于复杂，而是直观地传达关键的特征，从而揭示蕴含在数据中的规律和道理。;数据可视化的基本流程即从数据集到数据展示的完整流程，具体解释如下。;数据可视化工具需要具备的3个基本特性：;;数据可视化技术

产生的背景？;;1.1.2数据可视化应用场景;1.通用报表;2.移动端图表;3.大屏可视化;4.地理可视化;;1.1.3常见的数据可视化工具;1.1.3常见的数据可视化工具;ECharts;;1.2.1ECharts基本概念;1.2.1ECharts基本概念;1.2.1ECharts基本概念;1.2.1ECharts基本概念;1.2.1ECharts基本概念;;1.2.2ECharts5的新特性;1.2.2ECharts5的新特性;;1.2.3ECharts获取方式;1.从GitHub获取;单击“Assets”下方的“Sourcecode(zip)”链接，即可下载echarts-5.4.1.zip文件。下载完成后，将该文件解压。解压后的dist目录中包含了多种类型的ECharts文件，如下图所示。;1.2.3ECharts获取方式;2.从npm获取;1.2.3ECharts获取方式;1.2.3ECharts获取方式;3.从CDN获取;4.通过在线定制的方式获取;单击“下载”链接进入下载页面，如下图所示。;向下滚动页面，找到“在线定制”按钮，如下图所示。;单击“在线定制”按钮后，选择ECharts版本，如下图所示。;选择要打包的图表。想要打包哪个图表，直接选中即可。例如，选中“柱状图”“折线图”“饼图”“自定义系列”，如下图所示。;选择要打包的坐标系。例如，选中“直角坐标系”，如下图所示。;选择要打包的组件。例如，选中“标题”“图例”“提示框”组件，如下图所示。;选择其他选项。例如，选中“工具集”“代码压缩”选项，如下图所示。;单击“下载”按钮，会跳转到一个新页面，等待几秒后，浏览器会下载一个echarts.min.js文件，如下图所示。;若要下载未压缩的文件，则在选择其他选项时，取消选中“代码压缩”，然后单击“下载”按钮，就会在本地下载一个未压缩的echarts.js文件，如下图所示。;VisualStudioCode编辑器;;;1.3.1下载和安装VisualStudioCode编辑器;1.3.1下载和安装VisualStudioCode编辑器;1.3.1下载和安装VisualStudioCode编辑器;1.3.1下载和安装VisualStudioCode编辑器;1.3.1下载和安装VisualStudioCode编辑器;1.3.1下载和安装VisualStudioCode编辑器;;1.3.2 安装中文语言扩展;;;1.3.3使用VisualStudioCode编辑器;1.3.3使用VisualStudioCode编辑器;1.3.3使用VisualStudioCode编辑器;1.3.3使用VisualStudioCode编辑器;本章小结;第2章折线图和饼图;学习目标/Target;学习目标/Target;学习目标/Target;章节概述/Summary;目录/Contents;常见的折线图;绘制基础折线图;任务需求;最近一周内用户浏览量（单位：次）如下表所示。;知识储备;知识储备;知识储备;知识储备;知识储备;创建D:\ECharts\chapter02目录，并使用VSCode编辑器打开该目录。;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;任务实现;任务实现;任务实现;绘制堆叠折线图;任务需求;初三某班部分学科学习成绩（单位：分）如下表所示。;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;知识储备;任务实现;任务实现;任务实现;绘制区域面积图;任务需求;小王运营的账号近几年的