ECharts技术在教师考评系统数据可视化中的应用

卢小华 刘静

（1.山西工商学院计算机信息工程学院 山西省太原市 030006）

（2.山西工商学院设备与信息化建设中心 山西省太原市 030006）

教师学年综合考评系统采用B/S架构，前端界面采用的基础技术是HTML+CSS+JavaScript，系统可统计分析的数据项目包括师德师风、教学学时、教学评价、参与学科专业建设、课程建设、教改研究、科研成果以及项目的得分。考评审核及管理人员可以通过Excel进行数据的统计分析生成图表，但效率较为低下，工作量大而且容易出错。在考评系统采用ECharts技术设计数据可视化模块，通过图表的形式展示教师考核的各项数据，提升了数据统计分析的效率及准确性，满足现代社会各校教师考核工作的需求，为学校的建设发展以及为制定更加合理有效的考核指标提供决策支持，从而让教师更加明确自己的努力方向。

1 数据可视化技术

据可视化技术是综合运用计算机图形学、图像、人机交互等技术，将采集、清洗、转换、处理过的符合标准和规范的数据映射为可识别的图形、图像、动画甚至视频，并允许用户与可视化数据进行交互和分析，应用领域有金融行业、工业生产、现代农业、教学科研、人工智能等众多领域。

2 ECharts可视化技术

ECharts是一款基于JavaScript的数据可视化图表库，可以流畅的运行在PC和移动设备上，兼容当前绝大部分浏览器，底层依赖矢量图形库

ZRender，创建了坐标系，图例，工具箱等基础组件，并在此上构建出折线图（区域图）、柱状图（条状图）、散点图（气泡图）、饼图（环形图）、K线图、地图、力导向布局图以及和弦图，同时支持任意维度的堆积和多图表混合展现，提供直观，交互丰富。ECharts通过丰富组件和高度个性化的可视化解决方案从而增强用户获取知识、优化数据分析的能力。

3 ECharts图表的构建及配置

ECharts图表在客户端页面的构建过程主要分为四个步骤：

（1）下载引入echarts.js文件；

（2）准备一个DOM容器，生成的图表将会放入DOM容器内；

（3）初始化echarts实例对象；

（4）给echarts实例对象配置选项。

ECharts图表的配置如表1所示。

表1：ECharts图表配置项

4 ECharts技术在系统数据可视化中的应用

Echart图表的类型有多种，在进行数据可视化的设计中要选择合适的图表来形象化的去展示分析数据。通过对系统的教师考评数据进行分析，

高校教师学年综合考评系统软件需要可视化数据为教师职称人数占比、教学评价数据、发表论文数据、科研成果数据、课程建设情况数据。

4.1 教师职称人数占比数据可视化

教师职称人数、比例，通过饼图展示分析数据可以直观看出教授、副教授、讲师、助教、未评级哪一类职称数据占比最大，考核管理人员可以直观的了解全校教师的职称比例结构，为加强教师队伍建设，优化教师队伍提供决策，教师职称人数占比数据可视化饼图如图1所示。

图1：教师职称人数及占比数据分析图

教师职称人数占比数据可视化效果实现代码如下：

4.2 教师授课时数数据可视化

教师授课时数通过折线图进行数据展示，可以直观地看到高级职称教师给本科生授课情况，以及中级以上职称专职教师的人均工作量情况，从而可以让教学管理人员合理安排教师的工作任务，保证教学质量，同时为学校通过审核评估做好准备工作，不同职称教师人均授课时数数据分析图如图2所示。

图2：教师人均授课时数数据分析图

4.3 教师教学评价数据可视化

教师教学效果的评价成绩使用雷达图能够直观地看出学生评教、同行评教、督导评教各项数据之间的均衡或差距，从而合理调整各项成绩比例，达到对教师教学评价的客观化、合理化，教师教学评教数据可视化图如图3所示。

图3：教师教学评价数据分析图

教学评价数据可视化效果实现的核心代码：

4.4 科研成果数据可视化

通过堆叠条形图展示国家级项目、省级项目、校级项目、横向课题和纵向课题的展示各学院教师主持或参与的教学科研课题类型及数量，

可以直观了解各学院教师的教学科研水平，科研成果数据分析图如图4所示。

图4：各学院科研成果数据分析图

科研成果数据分析效果实现核心代码如下：

4.5 学术论文成果数据可视化

通过饼图展示论文发表数量、占比，可以直观的了解各教师在北大核心、南大核心、省级期刊、校刊上发表情况，同时能直观体现教师的学术论文水平，从而使教学管理人员制定更加合理的学科和科研培训及任务计划，提升教师的整体学术科研水平，教师发表论文情况数据分析图如图5所示。

图5：各学院学术成果数据分析

学术论文成果数据可视化效果实现核心代码：

4.6 在职学习情况数据可视化

通过圆环图展示全校教师在职学习情况，包括在职读博、在职读研、访学、考取职业证书、企业实践相关数据，学校教师管理人员可以制定更加合理的教师培训学习提升计划，促进师资队伍的建设和发展，在职情况数据分析图如图6所示。

图6：教师在职学习情况数据分析图

4.7 课程建设成果数据可视化

通过柱状图展示各学院校级优质课程、省级精品、一流课程的建设情况，从而制定更好的课程建设方案，提升课程的建设质量，为申报省级精品、一流课程的建设立项奠定良好的基础，课程建设成果数据分析图如图7所示。

图7：课程建设成果数据分析图

5 结语

ECharts技术在高校教师学年考核系统数据可视化中的应用，将相关考核数据以柱形图、饼图、雷达图、折线图等多种图形的形式进行展示分析，使考核管理人员、教学管理人员能够更加直观的了解学校师资队伍结构、教学、科研、课程建设相关取得的成果，以及教师的教学效果、在职提升学习情况，从而为考核管理人员在今后的考核工作中不断完善考核评价指标体系，使考核工作更加合理，同时为教学管理人员制定合理的师资队伍建设规划，促进教师队伍的建设和发展，提升教学质量，为提升学校的快速发展，顺利通过各项评估工作奠定良好的基础。