Web頁(yè)面中的大規(guī)模數(shù)據(jù)折線圖優(yōu)化方法研究.pdf

1、在大數(shù)據(jù)時(shí)代，數(shù)據(jù)可視化在信息挖掘過(guò)程中具有極其重要的作用，其中對(duì)大規(guī)模數(shù)據(jù)的處理能力是最基礎(chǔ)的能力。目前，當(dāng)數(shù)據(jù)規(guī)模過(guò)大時(shí)，web頁(yè)面中的可視化工具都不同程度地出現(xiàn)了一定的性能瓶頸，極大地影響了工作效率。
　　但目前的前端可視化優(yōu)化手段還比較局限，例如減小文件體積、使用緩存、減少頁(yè)面節(jié)點(diǎn)數(shù)量等傳統(tǒng)的技術(shù)優(yōu)化手段，對(duì)技術(shù)優(yōu)化后帶來(lái)的信息缺失問題仍沒有明確的解決方案。
　　本文選擇具有典型代表性和普遍意義的可視化展示工具折線圖

2、作為研究對(duì)象，提出了在大規(guī)模數(shù)據(jù)場(chǎng)景下的綜合優(yōu)化方案，達(dá)到了從性能表現(xiàn)和設(shè)計(jì)表達(dá)兩個(gè)方面都有了較大提升的效果。
　　方案以D3為繪制基礎(chǔ)，采用svg矢量圖作為底層機(jī)制，保留了現(xiàn)代折線圖較強(qiáng)的交互性。借鑒“瓦片地圖”，采用分層聚合的方式減小瀏覽器實(shí)際渲染的數(shù)據(jù)規(guī)模，從而減輕瀏覽器的渲染壓力。對(duì)由于聚合而損失的部分?jǐn)?shù)據(jù)特征，在滿足條件的情況下，分別使用特定的顏色、灰度和形狀來(lái)進(jìn)行表達(dá)，并用連線的寬度來(lái)暗示數(shù)據(jù)的縮放級(jí)別，表示該折線對(duì)應(yīng)