企業(yè)數(shù)據(jù)3D動(dòng)態(tài)展示網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)

1、    企業(yè)數(shù)據(jù)3d動(dòng)態(tài)展示網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)    閆鈺彬+王彩雨+陳榕超+孫穎：2095-6835（2016）13-0010-02摘 要：近年來(lái)，隨著web圖形渲染引擎的不斷發(fā)展，在設(shè)計(jì)網(wǎng)頁(yè)時(shí)，逐漸使用web圖形渲染引擎來(lái)豐富網(wǎng)頁(yè)展示內(nèi)容。該系統(tǒng)針對(duì)企業(yè)的統(tǒng)計(jì)數(shù)據(jù)，利用xlsworker技術(shù)提取excel表格中的數(shù)據(jù)，使用json解析從excel表中提取出的數(shù)據(jù)，借助html5技術(shù)在瀏覽器上展示企業(yè)的統(tǒng)計(jì)數(shù)據(jù)。它能在火狐、奇虎360等瀏覽器顯示3d柱狀圖、餅狀圖、散點(diǎn)圖和累計(jì)柱狀圖等。利用山東移動(dòng)泰安分公司的一項(xiàng)模擬數(shù)據(jù)驗(yàn)證了該系統(tǒng)的使用效果，以期為日

2、后的相關(guān)工作提供參考和借鑒。關(guān)鍵詞：json；html5；圖表；統(tǒng)計(jì)數(shù)據(jù)：tp391.9 ：a doi：10.15913/ki.kjycx.2016.13.010隨著html5等網(wǎng)頁(yè)渲染新技術(shù)的出現(xiàn)，網(wǎng)頁(yè)功能由以前單純的文字、圖片等表示方式轉(zhuǎn)變?yōu)槎S動(dòng)畫，再到現(xiàn)在的3d渲染技術(shù)。網(wǎng)頁(yè)的展現(xiàn)形式越來(lái)越多樣化。統(tǒng)計(jì)圖形展示是在統(tǒng)計(jì)數(shù)據(jù)的基礎(chǔ)上將數(shù)據(jù)可視化的一種形式，它能把表中的數(shù)據(jù)圖形化，利用幾何圖形更加直觀地反映數(shù)量間的對(duì)比關(guān)系。張成才等利用visualbasic開(kāi)發(fā)環(huán)境自帶的mschart控件將數(shù)據(jù)庫(kù)內(nèi)的數(shù)據(jù)以動(dòng)態(tài)統(tǒng)計(jì)圖的方式展示在網(wǎng)頁(yè)上，但是，卻不能實(shí)現(xiàn)excel表格數(shù)據(jù)的動(dòng)態(tài)展示。而本文所

3、述的3d動(dòng)態(tài)展示數(shù)據(jù)來(lái)自于excel表格。企業(yè)月度、年度報(bào)表中的數(shù)據(jù)展示是由起初的統(tǒng)計(jì)表發(fā)展到后來(lái)的統(tǒng)計(jì)圖，直至現(xiàn)在的動(dòng)態(tài)統(tǒng)計(jì)圖。其展示形式在不斷變化，而相關(guān)人員也在它們的基礎(chǔ)上研發(fā)出了新的展示方式，即3d動(dòng)態(tài)統(tǒng)計(jì)圖展示。該項(xiàng)目是以后臺(tái)實(shí)時(shí)交互為手段制作的一款基于html5的3d動(dòng)態(tài)數(shù)據(jù)展示網(wǎng)站。其目的是幫助企業(yè)用戶在統(tǒng)計(jì)數(shù)據(jù)時(shí)，將統(tǒng)計(jì)數(shù)據(jù)分類、整合，最終以3d動(dòng)態(tài)統(tǒng)計(jì)圖的形式呈現(xiàn)在web瀏覽器上。圖表是表現(xiàn)數(shù)據(jù)的一種有效方式，將數(shù)據(jù)可視化，能夠簡(jiǎn)潔、直觀地向用戶顯示特定信息，滿足用戶有效分析數(shù)據(jù)的需求。喬平安采用每隔一定的時(shí)間重畫的方法實(shí)現(xiàn)了動(dòng)態(tài)統(tǒng)計(jì)圖的展示，但是，并沒(méi)有實(shí)現(xiàn)三維的效果。本文所述的3d技術(shù)的實(shí)現(xiàn)是利用xlsworker技術(shù)提取excel表格中的數(shù)據(jù)，并通過(guò)json解析技術(shù)將表中的數(shù)據(jù)轉(zhuǎn)換成我們需要的字符串，再引用ichart插件獲取表格中的數(shù)據(jù)，進(jìn)而形成各種3d形態(tài)的圖表。1 企業(yè)數(shù)據(jù)3d動(dòng)態(tài)展示網(wǎng)站的設(shè)計(jì)1.1 系統(tǒng)功能模塊設(shè)計(jì)該系統(tǒng)的功能模塊分為柱狀圖、餅圖、組合圖、累積柱狀圖和散點(diǎn)圖5個(gè)。1.1.1 柱狀圖柱狀圖能夠讓人們一眼看出各個(gè)數(shù)據(jù)的大小，容易比較出數(shù)據(jù)之間的差別，能清楚地表示出數(shù)量的多少。1.1.2 餅狀圖餅狀圖能夠直觀地分析項(xiàng)目的組