基于SPA模式的高性能移動端可交互圖表系統(tǒng)的研究與實現(xiàn).pdf

1、隨著大數(shù)據(jù)與移動互聯(lián)時代的到來，數(shù)據(jù)呈爆發(fā)式的增長，海量的異構(gòu)化數(shù)據(jù)相互交織，數(shù)據(jù)可視化已成為數(shù)據(jù)挖掘和數(shù)據(jù)分析過程中的重要技術(shù)。圖表作為數(shù)據(jù)可視化的利器，一直被廣泛應(yīng)用。傳統(tǒng)的靜態(tài)圖表系統(tǒng)已經(jīng)很難滿足大數(shù)據(jù)與移動互聯(lián)環(huán)境下的動態(tài)數(shù)據(jù)分析，研究移動化和交互性的圖表可視化系統(tǒng)將具有廣泛的應(yīng)用前景。
　　在移動互聯(lián)網(wǎng)背景下，跨平臺性和移動交互性是兩個越來越被重視的用戶需求，目前市面上還缺乏完全滿足上述條件的高性能移動圖表系統(tǒng)。本文針對

2、這一現(xiàn)狀，從用戶體驗和技術(shù)實現(xiàn)兩個角度展開了研究和分析，并采用單頁應(yīng)用(SPA，single page web application)的模式來實現(xiàn)高性能的圖表交互過程，具體的研究和開發(fā)工作如下:
　　(1)基于D3.js開發(fā)出了移動端的圖表繪制組件。D3.js是一個web可視化開發(fā)類庫，它提供了一種“數(shù)據(jù)一文檔”綁定模式以及一系列的矢量圖形處理函數(shù)，讓開發(fā)者可以靈活地開發(fā)出以數(shù)據(jù)為驅(qū)動的可視化應(yīng)用。本文在對主流圖表開發(fā)框架的優(yōu)缺

3、點和圖表渲染性能進(jìn)行研究和分析的基礎(chǔ)上，匯總了目前主流移動設(shè)備的參數(shù)，并基于D3.js開發(fā)了一套移動web端的圖表繪制組件，該組件將在之后系統(tǒng)的核心模塊開發(fā)中被調(diào)用。
　　(2)搭建了系統(tǒng)整體開發(fā)框架，完成了系統(tǒng)后臺開發(fā)。根據(jù)系統(tǒng)的總體需求，對系統(tǒng)的整體開發(fā)框架和數(shù)據(jù)庫進(jìn)行了設(shè)計，并以CodeIgniter作為技術(shù)框架，PHP作為腳本語言以及MySQL作為數(shù)據(jù)庫，完成了系統(tǒng)后臺的開發(fā)。
　　(3)基于SPA模式開發(fā)了移動圖表