《大数据可视化分析》第10周-2.docx

PAGE21

PAGE

大数据可视化分析课程教案首页10-2

一、核心要素

章节名称

项目5智慧农业大屏ECharts图表插入

任务5.2ECharts常用图表

5.2.6绘制雷达图

教学课时

2

授课班级

大数据技术2401班

授课时间

第10周-2

授课地点

介夫楼307

教学目标

知识目标

1.掌握Echarts雷达图的使用场景

2.理解雷达图不同维度表达的意义

3.熟悉雷达图的场景效果配置

能力目标

1.能独立配置常见图表布局与交互功能

2.能根据业务需求定制智慧农业大屏的图表样式

素质目标

1.通过演示项目及相关文档，理解并梳理项目的业务功能结构。

2.激发学生对数据可视化技术的探索兴趣

3.培养严谨的代码调试习惯

教学内容

主要内容

ECharts图表雷达图的绘制

重点

雷达图的绘制与基本设置

难点

将JSON数据有效加载至各类图表

教法改革

教学方法

问答法/范例教学法

教学手段

（1）通过课堂讨论提出问题和相关视频学习，活跃课堂气氛并激发学生的学习兴趣；（2）教材、电子课件、超星信息化教学。

教学反思

二、教学设计

教学步骤

教学内容与情境设计

教师活动

学生活动

时间分配

一、课程导入

展示雷达图的原型图，提出需求：哪些场景下需要使用雷达图？能够表达什么含义？应该如何绘制？

教师演示，引导思考

明确本节课的目标效果

5分钟

二、雷达图的绘制

步骤1ECharts最基本的代码结构；

步骤2定义各个维度的最大值；

步骤3准备具体产品的数据；

步骤4在series下设置type:radar；

实现效果：

演示编写规则，

讲解

学生观看演示并思考

10分钟

三、雷达图的常见效果

1.显示数值label

2.区域面积areaStyle

3.绘制类型shape

演示编写规则，

讲解

学生观看演示并思考

20分钟

四、雷达图-课内自主练习

课内练习：

根据要求，完成如下雷达图绘制

演示编写规则，

讲解

学生观看演示并思考

15分钟

五、多指针的仪表盘图

效果展示：

代码讲解：

varoption={

series:[{

type:gauge,

detail:{

show:false

},

data:[{

value:97,

itemStyle:{

color:pink,

},

detail:{

show:true,

offsetCenter:[-40%,80%],

formatter:p1:{value},

color:pink,

fontSize:16

}

},

{

value:85,

itemStyle:{

color:green

},

detail:{

show:true,

offsetCenter:[40%,80%],

formatter:p2:{value},

color:green,

fontSize:16

}

}

],

min:50

}]

}

教师讲解

学生观看演示并思考

20分钟

六、综合练习与总结

总结本节课知识点及重难点。

总结知识点

跟随教师回顾

10分钟

大数据可视化分析课程教案首页10-2

一、核心要素

章节名称

项目5智慧农业大屏ECharts图表插入

任务拓展绘制绩效目标完成情况环形图组合

教学课时

2

授课班级

大数据技术2401班

授课时间

第10周-2

授课地点

介夫楼307

教学目标

知识目标

掌握Echarts环形图的组合绘制

理解ECharts主题的加载与自定义流程

能力目标

通过案例分析、任务驱动，完成从数据准备到图表渲染的全流程开发

通过小组协作解决主题配置与数据绑定的技术难点

素质目标

培养利用可视化技术解决农业实际问题的意识

增强对数据驱动决策的认知与兴趣

培养团队协作能力及问题解决能力

教学内容

主要内容

ECharts图表配置项，根据实际需求，绘制多组环形图

重点

环形图组合绘制

难点

将JSON数据有效加载至各类图表

教法改革

教学方法

问答法/范例教学法

教学手段

（1）通过课堂讨论提出问题和相关视频学习，活跃课堂气氛并激发学生的学习兴趣；（2）教材、电子课件、超星信息化教学。

教学反思