ECharts数据可视化-教学大纲 .doc

《ECharts数据可视化》

课程教学大纲

（课程英文名称）

课程编号：

学分：学分

课时：57课时（其中：讲课41课时上机16课时）

先修课程：计算机基础、计算机网络、HTML、CSS、JavaScript

适用专业：信息技术及其计算机相关专业

一、课程的性质与目标

ECharts数据可视化是一门面向Web前端开发人员的课程，用于快速掌握ECharts的开发。本课程以任务驱动模式，循序渐进地讲解了ECharts的相关知识，包括初识ECharts、ECharts基础知识、折线图、饼图、柱状图、散点图、雷达图、旭日图、关系图、仪表盘和漏斗图和折现树图等内容以及一个综合项目“电商数据可视化系统”。另外，本课程秉承立德树人理念，在案例中融入了许多思政元素。通过本课程的学习，不仅可以让学生掌握ECharts的核心知识，还可以培养学生的家国情怀、责任担当、敬业精神。

二、课程设计思路和教学要求

课程设计理念：通过学习本课程，使学生掌握如何将ECharts与项目开发相结合。按照学习的难易程度及先后顺序安排具体的内容，可以有效地将学生所学的内容串联起来，从而培养学生分析问题和解决问题的能力。

课程设计思路：本课程根据知识点难易的先后顺序进行讲解。采用任务驱动式体例，主要包括“任务分析”“知识储备”“任务实现”等，在每个任务中，先对任务进行需求分析，然后在知识储备中讲解实现这个任务需要使用到的知识，并结合示例代码帮助学生理解，最后通过任务实现达到学以致用的目标。学完ECharts的基础知识后，通过一个项目实战将所学内容全部串联起来，培养学生分析和解决问题的能力。

操作系统：Windows10或更高版本

开发工具：VisualStudioCode、Chrome、Node.js

三、课程的主要内容及基本要求

第1章初识ECharts

学习单元

初识ECharts

课时

4课时

学习目标

了解数据可视化的概念，能够描述数据可视化的基本流程和应用场景

了解常见的数据可视化工具，能够说出数据可视化工具ECharts、D3、Highcharts和AntV的区别

了解ECharts的基本概念，能够说出什么是ECharts

熟悉ECharts5的新特性，能够归纳ECharts5的主要特性

掌握ECharts的获取方式，能够独立完成ECharts的获取

掌握VisualStudioCode编辑器的下载和安装，能够独立安装VisualStudioCode

掌握中文语言扩展的安装，能够在VisualStudioCode编辑器中安装中文语言扩展

掌握VisualStudioCode编辑器的使用方法，能够在项目中创建HTML5文档

学习内容

知识点

掌握程度

重点

难点

数据可视化概述

了解

数据可视化应用场景

了解

常见的数据可视化工具

了解

ECharts基本概念

了解

ECharts5的新特性

熟悉

ECharts获取方式

掌握

√

下载和安装VisualStudioCode编辑器

掌握

安装中文语言扩展

掌握

使用VisualStudioCode编辑器

掌握

√

第2章折线图和饼图

学习单元

折线图和饼图

课时

11课时

学习目标

熟悉引入并配置ECharts的方法，能够归纳引入并配置ECharts的步骤

掌握坐标轴组件的使用方法，能够设置图表的x轴、y轴

掌握系列组件、标题组件、图例组件的使用方法，能够设置图表的系列、标题、图例

掌握数据堆叠的使用方法，能够设置数据堆叠

掌握折线图文本标签的使用方法，能够设置文本标签的显示状态、位置等

掌握区域填充样式的设置方法，能够设置区域填充样式

掌握网格组件、提示框组件、工具栏组件的使用方法，能够设置图表的网格、提示框、工具栏

掌握数据集组件的使用方法，能够使用数据集定义数据

掌握平滑曲线图的设置方法，能够将图表设置为平滑曲线图

掌握饼图半径的使用方法，能够设置饼图的半径

掌握饼图文本标签的使用方法，能够设置文本标签的显示状态、位置等

掌握南丁格尔图的设置方法，能够将图表设置为南丁格尔图

掌握折线图的绘制，能够完成基础折线图、堆叠折线图、区域面积图、堆叠面积折线图、阶梯折线图和平滑曲线图等的绘制

掌握饼图的绘制，能够完成基础饼图和南丁格尔图的绘制

学习内容

知识点

掌握程度

重点

难点

引入并配置ECharts

熟悉

坐标轴组件

掌握

√

√

系列组件

掌握

√

√

标题组件

掌握

√

任务2.1.1绘制基础折线图

掌握

初识堆叠折线图

了解

图例组件

掌握

√

数据堆叠

掌握

折线图的文本标签

掌握

√

任务2.1.2绘制堆叠折线图

掌握

初识区域面积图

了解

区域填充样式

掌握

网格组件

掌握

√

任务2.1.3绘制区域面积图

掌握

初识堆叠