基干HighCharts实现教务信息图形探析系统.docVIP

基于HighCharts实现教务信息图形分析系统 　　摘 要： 论文主要研究基于Highcharts的教务信息3D图形分析系统，系统将教务管理系统中的数据分析和开源图形库Highcharts与jQuery相结合，简单直观地以3D图形展示出数据分析结果，为教务管理人员提供简洁直观的分析数据，为教学管理带来了方便。系统具有可视性强、设计成本小、安全性好、方便维护等优点 关键词： 教务管理;3D图形;Highcharts;分析系统 文献标识码： A 文章编号：2015 目前，高等院校的规模越来越大，竞争也越来越激烈，教务管理工作不仅是学校综合实力的一个重要标志，更是学校竞争力的有效保障。同时，各大高校招生规模不断扩大，教务管理工作也因此变得越来越复杂，因而对教务管理的服务性、规范性和科学性也有更高的要求。教务管理工作既服务于高校教学工作，也给予教学工作以指导。所以，设计一款适合高校教务管理业务需求的系统已经成为必然 本系统将教务管理系统中的数据分析和开源图形库Highcharts与jQuery相结合，简单直观地以3D图形展示出数据分析结果。系统可视性强、设计成本小、安全性好、方便维护等优点，为教务管理人员提供直观的数据显示 1 软件的发展和现状 将JavaEE、Highcharts与jQuery三者相结合运用的教务信息3D图形分析系统简洁明了地显示出大量复杂的数据分析结果，给教务管理者提供了很大的帮助。虽然现在在教务管理系统中运用未被完全接受，但其直观展现[1]、多维度分析数据[2]、简单修改等等优点会使它在不久的将来脱颖而出，成为主流 2 系统设计关键技术 本系统将JavaEE与Highcharts、jQuery三者相结合，利用SSH整合框架实现 Highcharts 是一个用纯JavaScript编写的图形库，也是一个优秀的轻量级JavaScript库，主要表现在两个方面 （1）能够方便地在Web程序中添加有交互性的图表，并且免费提供给个人学习和非商业用途使用。HighCharts支持的图表类型有区域图、饼状图散状点图、柱状图和综合图表 （2） jQuery是一个封装好的javascript库，它的特点是“写得更少，做得更多”，只要用少量的代码，就能实现很强大的功能。jQuery 不仅文档说明很全，而且各种应用也说得很详细[3]，同时还有许多成熟的插件可供选择，为网站提供AJAX交互 SSH 为 struts+spring+hibernate的一个集成框架，是目前较流行的一种Web应用程序开源框架 3 系统的设计与实现 本系统分为学生模块、教师模块、学院模块三个大模块。每个子模块都有相应的3D柱状图、3D饼图、3D折线图等图显示[4] 下面以学院模块为例重点介绍 3.1 学院模块的设计与实现 学院模块主界面是在管理员登录后直接显示的界面，该模块主要是显示学院教师学生比例组合图、二级学院人数组合图、专业详细统计组合图、学院预算金额3D柱状图等图形，同时点击二级学院人数组合图中学院名后可显示此学院中各专业人数。不仅如此，在查看学院预算金额3D柱状图时可通过拖拽柱状图实现在线修改数据库中数据，下面我们以学院教师人数3D组合图为例详细说明 首先调用jQuery ajax - ajax（）方法中 url：”data2！ zyColumn “，通过 HTTP 请求加载远程数据库中每个学院的教师人数数据，接着全局配置Highcharts，给点一个三维的感觉，增加一个径向梯度。继续建立图表并设置一些关于图表区和图形区的参数及一般图表通用参数包括：图表描绘出后放到页面的某一具体位置、指定绘制区所要绘制的图的类型、3D图像设置项等等，然后添加鼠标旋转事件通过调用DynamicCreateSubChart方法动态创建显示副图表，最后先运行测试再正式运行 3.2 主要程序代码 学院教师人数3D组合图表示层主要代码如下： 首先引入 Highcharts组件，代码如下： 然后， 再进行 Highcharts 组件的调用， 代码如下： $（function（） { var chart; $（document）.ready（ function（） { var numbers=[]; $.ajax（{ type： “POST”， url：”data2！zyColumn”， dataType：”JSON”， error： function（）{alert（’Error’）;}， success： function（data）{ for （var i =