《ECharts数据可视化实战》课件第3章 ECharts官方文档及常用组件 教案

第3章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中的工具箱组件与详情提示框组件的使用。ECharts中的标记线与标记点的使用。重点ECharts官方文档的查询方法。ECharts中的标题组件与图例组件的使用。ECharts中的工具箱组件与详情提示框组件的使用。ECharts中的标记线与标记点的使用。难点ECharts中的提示框位置的设置。格式字符串formatter的设置。ECharts中的标记线与标记点的使用。教学过程设计理论教学过程使用ECharts官方文档，了解ECharts基础架构及常用术语。ECharts直角坐标系下的网格。ECharts直角坐标系下的坐标轴。ECharts直角坐标系下的x轴和y轴。ECharts中的标题组件。ECharts中的多标题组件。ECharts中的图例组件。ECharts中的九宫格布局。绘制ECharts中的工具箱组件。绘制ECharts中的详情提示框组件。提示框位置设置和formatter。绘制ECharts中的标记线组件和标记点。实验教学过程ECharts直角坐标系下的网格及案例代码分析。ECharts直角坐标系下的坐标轴及案例代码分析。ECharts直角坐标系下的x轴和y轴及案例代码分析。ECharts中的标题组件及案例代码分析。ECharts中的多标题组件及案例代码分析。ECharts中的图例组件及案例代码分析。绘制ECharts中的工具箱组件及案例分析代码。绘制ECharts中的详情提示框组件及案例代码分析。提示框位置设置和formatte及案例代码分析。绘制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-