称心常识网教 学 设 计
| 教 学 内 容 | 折线图数据变化的实现 | |||
| 教 学 目 标 | 知识目标:了解数据在图形变化中的作用
能力目标:能够完成折线图数据修改的代码编写 素质目标:培养学生团结互助、热爱祖国的综合素质 |
|||
| 重 点 | Echarts中折线图定义和使用 | |||
| 难 点 | 折线图数据修改效果的代码编写 | |||
| 教学方法 | 讲授法、任务驱动法、启发法 | |||
| 课堂教学进程 | 教学环节 | 教师活动 | 学生活动 | 设计理念 |
| 1、 课堂考勤、上节课知识点回顾、课后作用问题处理（10分钟）
2、 课堂导入：折线图效果的实现（5分钟） 3、 新课内容：使用电子课件和效果演示工具的使用（20分钟） 以练习案例的方式引导学生自己动手实现效果，感受代码编写（45分钟） 4、总结课堂内容，布置作业（5分钟） 5、穿插爱国主义教育内容（5分钟） |
教师主导布置任务，解决问题，总结内容，评价学生学习情况，进行思想教育 | 服从教师安排，思考问题，提出问题，回答问题，掌握更多知识 | 老师引导学生思考，共同讨论问题，改变教师讲解学生听讲的传统方式，使学生更善于思考。 | |
| 课后分析 | ||||
| 进程 | 教学活动 | 时间分配 |
| 新课导入 | 一、考勤、上节课知识点回顾、课后作业练习处理（讲授）
二、课堂引入：人员折线图效果展示（演示） 三、展示疫情动态变化数据，和学生探讨疫情，增强学生对生活和未来的美好期待 |
15 |
| 知识讲授 | 一、新增需求：点击 2020年 2021年 数据发生变化
1、在index.html中添加语句 
2、在index.css中添加样式 
3、查看效果 
二、tab栏切换事件 1、点击2020按钮 需要把 series 第一个对象里面的data 换成 2020年对象里面data[0] 点击2020按钮 需要把 series 第二个对象里面的data 换成 2020年对象里面data[1] 2021 按钮同样道理 
2、这段代码中的注释部分，最好试一下，在开发者工具台中查看，明白每句话的含义 
3、以下是后台送过来数据（ajax请求过来的） 
4、查看效果 
5、其中点击2020和2021有所不同 
6、可以更改series的代码 
7、查看效果 
|
70 |
| 知识总结 | （1）上节回顾
（2）处理问题 （3）讲解图表 （4）课堂练习 |
5 |
