企業數據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 組合圖

組合圖可以作為一個整體移動、操作。