Web数据可视化教程（基于ECharts）-教案 第二章 熟知ECharts的图表结构与基本组件

教学流程设计（理实一体化）教师姓名系部专业授课对象课程名称Web数据可视化授课时间使用教材Web数据可视化教程（基于ECharts）计划学时4学时教学形式及地点教学目标知识目标能力（技能）目标素质目标掌握ECharts图表容器的定义方法及尺寸设置原则理解ECharts坐标系的种类（直角坐标系、极坐标系、地理坐标系等）及其适用场景熟悉ECharts常用图表组件及术语掌握ECharts样式设置方法掌握transform数据转换的基本用法深入理解坐标轴与图例的配置与交互原理能够在网页中将数据设置在系列中、数据集中、使用对象数组的格式将数据设置在数据集中能够把数据集的行或列映射为系列、把数据集的行或列映射为系列能够实现多个图表共享一个数据集，并实现联动交互能够使用ecStat提供的数据转换器进行数据转换培养细致严谨的可视化设计思维，注重图表可读性与美观度强化数据与视觉元素之间的映射意识，提升信息传达效率鼓励探索ECharts高级功能，形成自主学习和解决问题的能力树立团队协作意识，在项目中合理分工使用不同组件完成可视化任务教学内容模块2熟知ECharts的图表结构与基本组件2.1定义图表容器及指定图表大小2.2认知与使用ECharts的坐标系2.3认知ECharts图表组件及常用术语2.4设置ECharts图表的样式2.5使用数据集管理数据2.6使用transform进行数据转换2.7熟知ECharts的坐标轴2.8熟知ECharts的图例重点难点及解决方法重点难点：图表容器定义与尺寸设置坐标系的选择与切换transform链式数据处理逻辑解决方法：采用“可视化结构拆解图+示例演示+学生仿写”的方式，先展示完整图表结构树，再逐项讲解并现场编码演示。

用对比案例展示不同坐标系下的同一数据呈现差异；通过流程图解释

transform的输入→处理→输出过程；教学方法讲授法、案例驱动法、鼓励创新法、小组协作法教学资源演示案例、数据资源、机房资源教学过程设计主要流程1．新课引入回顾前面学习的内容，介绍本次课所要完成的任务，通过具体实例引入知识点。2．新知讲授与实践针对关键知识点进行讲解，分析案例，教师演示案例3．综合案例实操示范案例：以案例效果为例，教师细致演示分析案例的整个流程。学生分析、计划，总结归纳实施要点，得到问题解决的思路与方法。4．专题辅导针对关键技术点和知识点进行专题辅导，引导学生观察、发现，分析和解决问题，解决学生在实施过程中出现的问题。对于一般内容，由学生探索、讨论，提出解决问题的方法，并演示解决问题的操作过程；对于难点内容，由教师引导、分析，演示关键的操作步骤。教师活动学生活动分析讲解案例，应用知识点,培养学生的自我学习能力和创新革新能力；详细讲解知识点与任务；听从要点，围绕问题并独立思考；互动环节积极互动，锻炼表达能力；组内研讨并与老师积极交流；5．任务实施教师活动学生活动随时接受学生的咨询，巡回检查，个别指导分析案例用到的知识点强调知识点，提醒学生容易犯的错误，随时接受学生的咨询，巡回检查，个别指导案例设计、分析与应用阶段检查并记录，发现问题，专题辅导，启发学生实践提高案例设计、分析与应用6．总结点评抽查记成绩，教师总结点评。总结学生的完成情况以及在案例设计中遇到的问题，重新强调重点及难点问题。7．课后任务安排绘制ECharts柱状图绘制ECharts柱状图并设置属性绘制ECharts柱状图和平滑折线图教学后记（对课程设置、教学计划、教学大纲、教案、教材、教学方法的建议）下节课增加“组件排错