angularjs在数据可视化平台的研究与应用(附件)【字数：7561】
摘 要在如今互联网时代下，随着计算机革命的不断更新与进步，对于相关的需求也会随之变大。越来越多的企业与用户需要采集源数据，通过数据过滤，数据格式规整，数据计算等功能成各项试验数据等信息的采集工作，以此来研究设备的特性和状态评估，并生成一系列统计分析信息数据。其中，数据可视化平台就很好的满足这些需求。本论文以AngularJS在数据可视化平台的设计与应用为研究对象，深入研究了AngularJS在数据可视化平台系统中所起到的作用。本文围绕数据可视化平台与AngularJS，AngularJS在数据可视化平台部署、以设备评估中心系统为例的AngularJS在数据可视化平台的应用。应用的系统采用Java语言为开发语言，开发环境使用MyEclipse，除AngularJS之外，还配合Bootstrap与AdminLTE网页模板，共同保证了数据可视化平台的功能与样式。
目 录
第一章 绪论 1
1.1研究背景 1
1.2研究目的和意义 1
1.3研究内容 1
1.4论文组织 1
第二章 AngularJS与数据可视化 3
2.1数据可视化分析 3
2.1.1数据可视化 3
2.1.2数据可视化工具 3
2.2AngularJS分析 3
2.1.1AngularJS简介 3
2.1.2AngularJS特性 4
第三章 AngularJS在数据可视化平台部署 5
3.1软件开发环境及相关技术 5
3.1.1软件开发环境 5
3.1.2 BootStrap技术 5
3.1.3 AdminLTE技术 5
3.1.4Iconfont技术 6
3.2AngularJS结构设计 6
3.2.1AngularJS部署步骤 6
3.2.2 AngularJS结构 6
第四章 AngularJS在数据可视化平台应用 9
4.1系统设计目的 9
4.2系统设计框架 9
4.2.1系统结构说明 10
4.2.2系统结构 *好棒文|www.hbsrm.com +Q: @351916072@
图 10
4.2.3系统设计 11
第五章 数据可视化平台详细设计 12
5.1数据可视化平台功能 12
5.1.1首页 12
5.1.2设备分析 12
5.1.3设备统计 13
5.2AngularJS功能展示 13
5.2.1设备评估雷达图 13
5.2.2设备数据柱状图 15
5.2.3页面跳转传参 17
结束语 18
致谢 19
参考文献 20
第一章 绪论
1.1研究背景
在当今互联网时代，随着计算机的不断发展与完善，网络遍布于我们身边的每一个角落，它不仅仅取代其他传播介质，更是已经逐步成为人们衣食住行中所不能缺少的一件必需品。人们可以通过网络足不出户便可以工作，了解外面的世界。其中，在生产工作里，由于每天生产环境会产生数以万计的数据，通过肉眼的观察是不能满足的，所以需要一个数据可视化的平台，来更好更直观的对数据的观察与操作。
1.2研究目的和意义
本课题的研究目的在于通过数据可视化平台的数据展示来更直观方便的观察数据的状态，使公司可以根据所观察到的进行针对性的管理，在一定程度上大大减少了工作量。
当然，现在市场上也存在着许多的数据可视化平台，也有各种各样的框架实现。然而不同的是，一个好的数据可视化平台无法容忍系统和加载缓慢的问题。在功能上，大多是采用服务器端语言来渲染页面，为开发者带来了很多维护方面的问题。在运作上，诸多页面的跳转，一定程度上给用户带来了操作繁琐的心理感受。由此我们不难发现，一个好的数据可视化平台系统不仅能够使用户第一时间观察数据、洞悉差异，同时能够简化操作人员的操作，大大提高了事务处理的效率。
1.3研究内容
本课题内容主要从以下几个方面进行研究：
1、AngularJS和数据可视化平台：研究使用数据可视化的目的以及意义，并对实现数据可视化的工具进行介绍。同时研究AngularJS的发展历程，它的设计理念、运用场景、基本特征。
2、AngularJS在数据可视化平台部署：研究开发所需软件开发环境与技术支持，研究AngularJS系统架构。
3、AngularJS在数据可视化平台应用：研究系统设计的优势所在，研究在此项目中AngularJS的应用，相比于其他框架有何优势。
4、研究以设备评估中心例的数据可视化平台应用，AngularJS的功能模块并展示核心代码并分析。
1.4论文组织
本论文的组织架构如下：
第一章：绪论。介绍本课题的研究背景、研究目的和意义、研究内容及论文组织。
第二章：AngularJS与数据可视化平台。介绍AngularJS以及数据可视化平台，详细讲述相关的优点以及适用场景。
第三章：AngularJS在数据可视化平台部署。介绍项目开发环境与技术支持AngularJS系统的架构。
第四章：AngularJS在数据可视化平台应用。详细阐述数据可视化平台的设计优势。
第五章：系统详细设计和应用。介绍AngularJS的功能模块，展示核心代码并分析。
最后对论文进行了总结。
第二章 AngularJS与数据可视化
2.1数据可视化分析
2.1.1数据可视化
由于企业需要大量收集、存储每天累积的数据，经过一系列的操作来评估设备的状态。如何能够更好地利用这些数据，数据可视化也就应运而生了。
数据可视化的作用就是通过图形工具来方便地展现数据，以数据作为视角，看待效果。例如设备每天产生大量的数据，要花费很长的时间来整理归纳。我们可以根据通过客户提供的相关算法，对试验数据实现设备的状态评估计算。并针对于计算评估的结果，完成设备状态评估中心平台开发和搭建。数据可视化的客体是数据，但我们想要的其实是——数据视觉，以数据为工具，以可视化为手段，目的是描述真实发生的情况。
目 录
第一章 绪论 1
1.1研究背景 1
1.2研究目的和意义 1
1.3研究内容 1
1.4论文组织 1
第二章 AngularJS与数据可视化 3
2.1数据可视化分析 3
2.1.1数据可视化 3
2.1.2数据可视化工具 3
2.2AngularJS分析 3
2.1.1AngularJS简介 3
2.1.2AngularJS特性 4
第三章 AngularJS在数据可视化平台部署 5
3.1软件开发环境及相关技术 5
3.1.1软件开发环境 5
3.1.2 BootStrap技术 5
3.1.3 AdminLTE技术 5
3.1.4Iconfont技术 6
3.2AngularJS结构设计 6
3.2.1AngularJS部署步骤 6
3.2.2 AngularJS结构 6
第四章 AngularJS在数据可视化平台应用 9
4.1系统设计目的 9
4.2系统设计框架 9
4.2.1系统结构说明 10
4.2.2系统结构 *好棒文|www.hbsrm.com +Q: @351916072@
图 10
4.2.3系统设计 11
第五章 数据可视化平台详细设计 12
5.1数据可视化平台功能 12
5.1.1首页 12
5.1.2设备分析 12
5.1.3设备统计 13
5.2AngularJS功能展示 13
5.2.1设备评估雷达图 13
5.2.2设备数据柱状图 15
5.2.3页面跳转传参 17
结束语 18
致谢 19
参考文献 20
第一章 绪论
1.1研究背景
在当今互联网时代，随着计算机的不断发展与完善，网络遍布于我们身边的每一个角落，它不仅仅取代其他传播介质，更是已经逐步成为人们衣食住行中所不能缺少的一件必需品。人们可以通过网络足不出户便可以工作，了解外面的世界。其中，在生产工作里，由于每天生产环境会产生数以万计的数据，通过肉眼的观察是不能满足的，所以需要一个数据可视化的平台，来更好更直观的对数据的观察与操作。
1.2研究目的和意义
本课题的研究目的在于通过数据可视化平台的数据展示来更直观方便的观察数据的状态，使公司可以根据所观察到的进行针对性的管理，在一定程度上大大减少了工作量。
当然，现在市场上也存在着许多的数据可视化平台，也有各种各样的框架实现。然而不同的是，一个好的数据可视化平台无法容忍系统和加载缓慢的问题。在功能上，大多是采用服务器端语言来渲染页面，为开发者带来了很多维护方面的问题。在运作上，诸多页面的跳转，一定程度上给用户带来了操作繁琐的心理感受。由此我们不难发现，一个好的数据可视化平台系统不仅能够使用户第一时间观察数据、洞悉差异，同时能够简化操作人员的操作，大大提高了事务处理的效率。
1.3研究内容
本课题内容主要从以下几个方面进行研究：
1、AngularJS和数据可视化平台：研究使用数据可视化的目的以及意义，并对实现数据可视化的工具进行介绍。同时研究AngularJS的发展历程，它的设计理念、运用场景、基本特征。
2、AngularJS在数据可视化平台部署：研究开发所需软件开发环境与技术支持，研究AngularJS系统架构。
3、AngularJS在数据可视化平台应用：研究系统设计的优势所在，研究在此项目中AngularJS的应用，相比于其他框架有何优势。
4、研究以设备评估中心例的数据可视化平台应用，AngularJS的功能模块并展示核心代码并分析。
1.4论文组织
本论文的组织架构如下：
第一章：绪论。介绍本课题的研究背景、研究目的和意义、研究内容及论文组织。
第二章：AngularJS与数据可视化平台。介绍AngularJS以及数据可视化平台，详细讲述相关的优点以及适用场景。
第三章：AngularJS在数据可视化平台部署。介绍项目开发环境与技术支持AngularJS系统的架构。
第四章：AngularJS在数据可视化平台应用。详细阐述数据可视化平台的设计优势。
第五章：系统详细设计和应用。介绍AngularJS的功能模块，展示核心代码并分析。
最后对论文进行了总结。
第二章 AngularJS与数据可视化
2.1数据可视化分析
2.1.1数据可视化
由于企业需要大量收集、存储每天累积的数据，经过一系列的操作来评估设备的状态。如何能够更好地利用这些数据，数据可视化也就应运而生了。
数据可视化的作用就是通过图形工具来方便地展现数据，以数据作为视角，看待效果。例如设备每天产生大量的数据，要花费很长的时间来整理归纳。我们可以根据通过客户提供的相关算法，对试验数据实现设备的状态评估计算。并针对于计算评估的结果，完成设备状态评估中心平台开发和搭建。数据可视化的客体是数据，但我们想要的其实是——数据视觉，以数据为工具，以可视化为手段，目的是描述真实发生的情况。
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/qrs/34.html
