企业数据3D动态展示网站的设计与实现

闫钰彬++王彩雨++陈榕超++孙颖

文章编号：2095-6835（2016）13-0010-02

摘 要：近年来，随着Web图形渲染引擎的不断发展，在设计网页时，逐渐使用Web图形渲染引擎来丰富网页展示内容。该系统针对企业的统计数据，利用xlsworker技术提取Excel表格中的数据，使用JSON解析从Excel表中提取出的数据，借助HTML5技术在浏览器上展示企业的统计数据。它能在火狐、奇虎360等浏览器显示3D柱状图、饼状图、散点图和累计柱状图等。利用山东移动泰安分公司的一项模拟数据验证了该系统的使用效果，以期为日后的相关工作提供参考和借鉴。

关键词：JSON；HTML5；图表；统计数据

中图分类号：TP391.9 文献标识码：A DOI：10.15913/j.cnki.kjycx.2016.13.010

随着HTML5等网页渲染新技术的出现，网页功能由以前单纯的文字、图片等表示方式转变为二维动画，再到现在的3D渲染技术。网页的展现形式越来越多样化。统计图形展示是在统计数据的基础上将数据可视化的一种形式，它能把表中的数据图形化，利用几何图形更加直观地反映数量间的对比关系。张成才等利用VisualBasic开发环境自带的MSChart控件将数据库内的数据以动态统计图的方式展示在网页上，但是，却不能实现Excel表格数据的动态展示。而本文所述的3D动态展示数据来自于Excel表格。

企业月度、年度报表中的数据展示是由起初的统计表发展到后来的统计图，直至现在的动态统计图。其展示形式在不断变化，而相关人员也在它们的基础上研发出了新的展示方式，即3D动态统计图展示。该项目是以后台实时交互为手段制作的一款基于HTML5的3D动态数据展示网站。其目的是帮助企业用户在统计数据时，将统计数据分类、整合，最终以3D动态统计图的形式呈现在Web浏览器上。

图表是表现数据的一种有效方式，将数据可视化，能够简洁、直观地向用户显示特定信息，满足用户有效分析数据的需求。乔平安采用每隔一定的时间重画的方法实现了动态统计图的展示，但是，并没有实现三维的效果。本文所述的3D技术的实现是利用xlsworker技术提取Excel表格中的数据，并通过JSON解析技术将表中的数据转换成我们需要的字符串，再引用ichart插件获取表格中的数据，进而形成各种3D形态的图表。

1 企业数据3D动态展示网站的设计

1.1 系统功能模块设计

该系统的功能模块分为柱状图、饼图、组合图、累积柱状图和散点图5个。

1.1.1 柱状图

柱状图能够让人们一眼看出各个数据的大小，容易比较出数据之间的差别，能清楚地表示出数量的多少。

1.1.2 饼状图

饼状图能够直观地分析项目的组成结构和比例，一目了然地进行描述质量分层。

1.1.3 组合图

组合图可以作为一个整体移动、操作。