1.2  研究现状

1.3  本文研究内容

企业级的系统中存在着大量的各种用途的统计数据，若仅仅只通过数据去看，不太容易得到直观的比较，而且不准确。数据可视化技术，是当今各个领域非常关注的一个方向，借助于生成数据图形的形式，让人眼快速的感知并利用大脑快速分析得到结论。

医养结合平台是以社区居家养老群体为服务对象，接入移动终端，采集并整合老年人安全、健康相关信息，将专业医疗健康服务机构、康复中心、家政服务、急救服务与个人、家庭、随时随地连接起来的一个健康管理服务系统。本文针对这个系统，主要研究：

(1) 基于J2EE/Web平台的数据可视化技术，以及实现可视化的过程。

(2) 利用服务器端和客户端系统合作，完成可视化图形。

(3) 针对区级管理员，研究并利用数据可视化技术，实现对业务量的统计和服务对象的统计，并能够在浏览器端生成相关的统计图。要求图形具有交互，类型的转换功能。

1.4  论文组织结构

本文总共分为5章，论文按照如下结构开展：

第二章：介绍系统相关技术以及一些可视化技术。首先介绍可视化的相关概念，然后介绍多种常见的Web数据可视化API，稍作详细介绍JqPlot。JqPlot是系统主要采用的可视化技术。接着介绍了Mybtis，最后介绍了Web开发中的MVC模型。

第三章：系统需求分析和系统设计。对系统进行需求分析，然后介绍系统设计，包括设计原则、架构、设计模式。

第四章：系统实现。对最终实现的系统以及原理进行介绍。

第五章：系统测试。对系统兼容性和功能进行测试。

2  相关技术分析

本章主要介绍可视化概念、以及相关数据可视化API、JqPlot使用的JSON数据格式、MVC模型和MyBatis，对后面系统实现提供帮助。

2.1  数据可视化

数据可视化技术[13][15] [16][17]的基本思想，是将数据库中每一个数据项作为单个图元元素表示，大量的数据集构成数据图像，同时将数据的各个属性值以多维数据的形式表示，可以从不同的维度观察数据，从而对数据进行更深入的观察和分析[4]。可以通过不同的图像，如柱状图、折线图、散点图等等，去提取庞大的数据后面的信息。视觉是获取信息最快的、最有效的途径，图形是最直观的表现形式，视觉可视化将两者结合起来，提升了获取数据隐藏信息的速度。

数据可视化的过程如下[5]：

表2.1  数据可视化的过程

步骤 说明

获取 获取数据，可以是已经存在的数据文件，即时输入的数据，也可以是从网络上抓取的数据等等。

分析 分析获取的数据，转换成我们要使用的数据格式。

过滤 筛选出有用的数据，不使用的部分删除。

挖掘 对数据进行数学、统计、数据挖掘等处理。

表示 选择视觉模型。如选取使用什么图形去表示。

修饰 对上面步骤选取的图形进行改善，使其更加清晰。

交互 是用户能够控制、计算和探索数据。

2.2  可视化API

2.2.1  常见可视化API

（1）Flot：是一个开源的JavaScript代码库，以jQuery为基础，最大优势实现了操作简单，是一个即时在客户端生成图形的特色图表操作，用户可以根据自己的需求对数据展示区域进行缩放，在交互过程中还可以利用鼠标对数据进行跟踪。