关于运用jquery―json―openflashchart技术融合的方式解决富客户端数据图形化

《关于运用jquery―json―openflashchart技术融合的方式解决富客户端数据图形化》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、关于运用JQuery―Json―OpenFlashChart技术融合的方式解决富客户端数据图形化【摘要】数据处理是计算机最重要的工作之一，目前在WEB服务中我们主要是采用报表的形式将数据提供给用户，而图形相对于报表更形象、更直观，数据图形化更便于用户分析问题、解决问题。本文详细阐述如何运用Json和OpenFlashChart等多种技术解决富客户端数据图形化的问题。使在不增加服务器负载的情况下完成数据的图形化。【关键词】图形化;JQuery，Json;富客户端1.引言6随着网络技术和Internet的不断发展，计算机在企业中的不断普及，企业中的许多工作都是通过计算机完成。

2、而数据的存储、处理以及统计是企业的重要工作之一，也是计算机的核心工作之一，目前企业中数据处理或统计的显示都是通过报表的形式来完成的，虽然报表的形式能详细提供所需的数据，但也存在着因数据量大而分析不直观的缺点，而报表的这些缺点正是图形的强项，因为图形信息能更全面、更完整地反映和描述客观事物体的特征与其相互间的联系。用户根据图形信息能更直观、更形象地了解事物的规律，分析问题、查找问题、解决问题。本文主要探讨运用JQuery-Json-OpenFlashChart等技术如何解决在不增加WEB服务器负载的情况的数据图形化问题，为用户提供报表和图形两种的数据呈现方式。2.JQuer

3、y库JQuery是一个轻量级的JavaScript库，它采用独特的集合对象、隐式迭代、方法连缀、自定义选择符和事件方法，使其具有操作简单易用、代码编写轻巧和执行速度超快等特点。它不仅支持各式各样的CSS选择符表达式，而且还支持XPath和自定义的选择符表达式，使开发者找到要操作的元素或集合简单得难以置信;它细腻灵巧而又富有弹性的事件处理机制，包括事件注册、触发和自定义，使它在JavaScript库和框架之林中独树一帜、个性十足;它在操作DOM文档时的大处着眼、小处着手，提供的丰富而实用的各种遍历和操作DOM结构及元素的方法;它处理AJAX请求和响应的简洁明快、它的简单易用

4、、它超级方便的扩展机制、它丰富的插件支持（Interface等）、它背后的强大社区……所有这些优点赢得了众多JavaScript开发者的青睐。3.Json与OpenFlashChar3.1Json简介JSON（JavaScriptObjectNotation）是一种轻量级的数据交换格式。它基于JavaScript（StandardECMA-2623rdEdition-December61999）的一个子集。JSON采用完全独立于语言的文本格式，但是也使用了类似于C语言家族的习惯（包括C，C++，C#，Java，JavaScript，Perl，Python等）。这些特性使J

5、SON成为理想的数据交换语言。易于人阅读和编写，同时也易于机器解析和生成。JSON建构主要有（对象和数组）两种结构：（1）对象：对象在js中表示为“{}”扩起来的内容，数据结构为{key：value，key：value，...}的键值对的结构。图1（2）数组：数组在js中是中括号“[]”扩起来的内容，数据结构为[“java”，“javas-cript”，“vb”，...]，取值方式和所有语言中一样。图2（3）值value）可以是双引号括起来的字符串（string）、数值（number）、true、false、null、对象（object）或者数组（array）。这些结构可

6、以嵌套。图33.2OpenFlashChart简介6OpenFlashChart简称（ofc），是一款开源的Flash报表组件。用它能创建一些很有效果的报表分析图形（包括二维、三维的饼图、柱状图、曲线图）。浏览器下载带有OpenFlashChart的网页，只要告诉以json2格式的data文件给OpenFlashChart即可。其余的事由OpenFlashChart引擎完成，支持的浏览器：IE6/7/8，Firefox2.x+，Safari3.0+，Opera9.5+以及Konqueror4.x+。4.工作机制4.1传统方式：用户通过浏览器获取报表和图形需要执行两次下面的

7、工作机制。当用户打开页面时，生成报表时，需要通过浏览器向服务器提出请求，WEB服务器通过hibernate或spring等中间件连接数据库，并将数据从数据库取出，通过WEB服务器返回给页面。生成图形时，也需要将上面的工作机制再执行一遍。图4获取数据生成图形的工作机制4.2富客户端方式：用户通过浏览器获取报表的工作机制同传统方式相同，但图形的生成与传统方式完全不同，它直接通过获取浏览器中已生成报表的数据，并将数据传递给相应的图形生成组件生成我们所需的数据分析图形。图5获取数据生成图形的工作机制整个过程都是在用户的计算机中完成，无