閆鈺彬++王彩雨++陳榕超++孫穎

文章編號：2095-6835（2016）13-0010-02

摘 要：近年來，隨著Web圖形渲染引擎的不斷發(fā)展，在設(shè)計網(wǎng)頁時，逐漸使用Web圖形渲染引擎來豐富網(wǎng)頁展示內(nèi)容。該系統(tǒng)針對企業(yè)的統(tǒng)計數(shù)據(jù)，利用xlsworker技術(shù)提取Excel表格中的數(shù)據(jù)，使用JSON解析從Excel表中提取出的數(shù)據(jù)，借助HTML5技術(shù)在瀏覽器上展示企業(yè)的統(tǒng)計數(shù)據(jù)。它能在火狐、奇虎360等瀏覽器顯示3D柱狀圖、餅狀圖、散點圖和累計柱狀圖等。利用山東移動泰安分公司的一項模擬數(shù)據(jù)驗證了該系統(tǒng)的使用效果，以期為日后的相關(guān)工作提供參考和借鑒。

關(guān)鍵詞：JSON；HTML5；圖表；統(tǒng)計數(shù)據(jù)

中圖分類號：TP391.9 文獻標識碼：A DOI：10.15913/j.cnki.kjycx.2016.13.010

隨著HTML5等網(wǎng)頁渲染新技術(shù)的出現(xiàn)，網(wǎng)頁功能由以前單純的文字、圖片等表示方式轉(zhuǎn)變?yōu)槎S動畫，再到現(xiàn)在的3D渲染技術(shù)。網(wǎng)頁的展現(xiàn)形式越來越多樣化。統(tǒng)計圖形展示是在統(tǒng)計數(shù)據(jù)的基礎(chǔ)上將數(shù)據(jù)可視化的一種形式，它能把表中的數(shù)據(jù)圖形化，利用幾何圖形更加直觀地反映數(shù)量間的對比關(guān)系。張成才等利用VisualBasic開發(fā)環(huán)境自帶的MSChart控件將數(shù)據(jù)庫內(nèi)的數(shù)據(jù)以動態(tài)統(tǒng)計圖的方式展示在網(wǎng)頁上，但是，卻不能實現(xiàn)Excel表格數(shù)據(jù)的動態(tài)展示。而本文所述的3D動態(tài)展示數(shù)據(jù)來自于Excel表格。

企業(yè)月度、年度報表中的數(shù)據(jù)展示是由起初的統(tǒng)計表發(fā)展到后來的統(tǒng)計圖，直至現(xiàn)在的動態(tài)統(tǒng)計圖。其展示形式在不斷變化，而相關(guān)人員也在它們的基礎(chǔ)上研發(fā)出了新的展示方式，即3D動態(tài)統(tǒng)計圖展示。該項目是以后臺實時交互為手段制作的一款基于HTML5的3D動態(tài)數(shù)據(jù)展示網(wǎng)站。其目的是幫助企業(yè)用戶在統(tǒng)計數(shù)據(jù)時，將統(tǒng)計數(shù)據(jù)分類、整合，最終以3D動態(tài)統(tǒng)計圖的形式呈現(xiàn)在Web瀏覽器上。

圖表是表現(xiàn)數(shù)據(jù)的一種有效方式，將數(shù)據(jù)可視化，能夠簡潔、直觀地向用戶顯示特定信息，滿足用戶有效分析數(shù)據(jù)的需求。喬平安采用每隔一定的時間重畫的方法實現(xiàn)了動態(tài)統(tǒng)計圖的展示，但是，并沒有實現(xiàn)三維的效果。本文所述的3D技術(shù)的實現(xiàn)是利用xlsworker技術(shù)提取Excel表格中的數(shù)據(jù)，并通過JSON解析技術(shù)將表中的數(shù)據(jù)轉(zhuǎn)換成我們需要的字符串，再引用ichart插件獲取表格中的數(shù)據(jù)，進而形成各種3D形態(tài)的圖表。

1 企業(yè)數(shù)據(jù)3D動態(tài)展示網(wǎng)站的設(shè)計

1.1 系統(tǒng)功能模塊設(shè)計

該系統(tǒng)的功能模塊分為柱狀圖、餅圖、組合圖、累積柱狀圖和散點圖5個。

1.1.1 柱狀圖

柱狀圖能夠讓人們一眼看出各個數(shù)據(jù)的大小，容易比較出數(shù)據(jù)之間的差別，能清楚地表示出數(shù)量的多少。

1.1.2 餅狀圖

餅狀圖能夠直觀地分析項目的組成結(jié)構(gòu)和比例，一目了然地進行描述質(zhì)量分層。

1.1.3 組合圖

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