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

文章編號: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 組合圖
組合圖可以作為一個整體移動、操作。