《ECharts数据可视化实战》课件第5章 ECharts的高级使用 教案

第5章ECharts的高级使用教案课程名称：《ECharts数据可视化实战》课程类别：必修适用专业：计算机科学与技术、大数据技术类、商务数据分析与应用、电子商务等相关专业总学时：64学时（其中理论32学时，实验32学时）总学分：4.0学分本章学时：8学时材料清单《ECharts数据可视化实战》教材。配套PPT。数据。代码。引导性提问。探究性问题。拓展性问题。教学目标与基本要求教学目标本章介绍在ECharts中的高级使用，包括使图表更具表现力的图表混搭功能、使多个数据同时显示的多图表联动功能、动态切换主题功能、自定义ECharts主题功能、使图表更加灵活地响应用户的多种操作行为的事件和行为处理功能、使数据不再局限为固定的配置，从而更加灵活地获取外部数据的异步数据加载功能。基本要求掌握ECharts的图表混搭及多表联动。掌握ECharts主题切换及自定义主题。掌握ECharts中的事件和行为。掌握ECharts中异步数据加载和显示加载动画。问题引导性提问引导性提问需要教师根据教材内容和学生实际水平，提出问题，启发引导学生去解决问题，提问，从而达到理解、掌握知识，发展各种能力和提高思想觉悟的目的。如果一张网页中有两个或以上的图表，在其中一个图表的操作，能否联运另一个图表？能否在一张网页中，有多个不同类型的图表？ECharts中，能否响应鼠标事件？探究性问题探究性问题需要教师深入钻研教材的基础上精心设计，提问的角度或者在引导性提问的基础上，从重点、难点问题切入，进行插入式提问。或者是对引导式提问中尚未涉及但在课文中又是重要的问题加以设问。如果一张网页中有两个或以上的图表，在其中一个图表的操作，图表联运如何实现？ECharts中，如何响应鼠标事件？ECharts中，如何加载数据？拓展性问题拓展性问题需要教师深刻理解教材的意义，学生的学习动态后，根据学生学习层次，提出切实可行的关乎实际的可操作问题。亦可以提供拓展资料供学生研习探讨，完成拓展性问题。ECharts中，何谓回调函数，它有什么作用？ECharts中，组件交互的行为事件，有何作用？ECharts中，代码触发ECharts中组件的行为，如何处理？主要知识点、重点与难点主要知识点ECharts的图表混搭及多表联动。ECharts主题切换及自定义主题。ECharts中的事件和行为。ECharts中异步数据加载和显示加载动画。重点ECharts的图表混搭及多表联动。ECharts中的事件和行为。ECharts中异步数据加载和显示加载动画。难点ECharts中的事件和行为。教学过程设计理论教学过程绘制折柱混搭双y轴的ECharts图表。掌握ECharts中的水印文字的设置。ECharts中的多图表联动的方法。ECharts中动态切换主题。使用主题在线构建工具自定义ECharts主题。掌握ECharts中鼠标事件的处理。掌握ECharts组件交互的行为事件的处理。掌握代码触发ECharts中组件的行为的处理。实验教学过程绘制折柱混搭双y轴的ECharts图表及案例代码分析。掌握ECharts中的水印文字的设置及案例代码分析。ECharts中的多图表联动的方法及案例代码分析。ECharts中动态切换主题及案例代码分析。使用主题在线构建工具自定义ECharts主题及案例代码分析。掌握ECharts中鼠标事件的处理及案例代码分析。掌握ECharts组件交互的行为事件的处理及案例代码分析。掌握代码触发ECharts中组件的行为的处理及案例代码分析。教材与参考资料教材范路桥，郑述招，陈红玲，等．ECharts数据可视化实战[M]．西安：西安电子科技大学出版社．2023．参考资料范路桥，张良均，郑述招，等[M].Web数据可视化(ECharts版).北京：人民邮电出版社，2021.黑马程序员.Vue.js前端开发实战[M].北京：人民邮电出版社，2020.师晓利，刘志远，杜琰琪.Vue.js前端开发实战[M].北京：人民邮电出版社，2020.王凤丽，豆连军.Vue.js前端开发技术[M].北京：人民邮电出版社，2019.肖睿，龙颖，李辉，等.Vue.js企业开发实战[M].北京：人民邮电出版社，2018.百度ECharts官网./zh/2022-5-7.ECharts教程W3c