關於數據可視化頁面制作


先出思路

數據可視化,目的是為了讓紛繁的數據變得直觀,更易領會數據代表的趨勢、模型等。既然是帶着目的的,應先把目標明確下來。目標寫下來,思想上算落地了,那么就能給大腦騰出繼續深入或擴展的空間。所以,寫下目標就有進度,就可完善,從而最終可體系化。而相反,則可能讓精力耗盡且仍止步於或局限於某幾個點!

可視化之前,你應該先構思,而不是先找模板。但平時可以在看到一些上眼的可視化頁面時多多觀察!

關於可視化

完成最終的可視化,要解決三個問題
(1)維度:即要展現數據的哪些側面,它也一定程度上決定了使用的圖表類型(外觀)。
如,一維的某一方面單一的統計結果,或是百分比等。

多維的按地區、按月的相關數據,同比環比等。

(2)圖表布局,表意,自適應,全屏,支持事件。
可視化屏通常在較大的寬屏上顯示,通常會用一個業務相關的大背景襯托。然后根據實際情況,可以考慮分幾列,其中,中間留一大塊做熱點圖或綜合性輻射圖等。具體形式則不限於此,事實上,色調搭配合理,重點突出即可。
為了能在多場景下使用,可一定程度的做好屏幕自適應。
對於地圖或有必要進一步展開的重點信息,可以增加相關觸發事件,如鼠標移動、點擊等,進行數據浮動顯示,或跳轉,或是更新相關聯版塊數據等。

(3)數據加載機制:數據來源,更新機制等。
在可視化界面上,往往有多個維度的數據,而且動態的計算量也是比較大的,這可能導致兩個問題。
1.演示頁面的加載速度問題
2.數據獲取的穩定性問題
針對第1個問題,基本思路是數據應該提前准備在緩存中,首次加載直接從緩存中取數據。對於單頁應用,還可以提前直接將數據更新到本地靜態文件中,做到可離線展示。數據獲取的穩定性,主要是做好容錯處理。同時,不同的場景對數據動態的實時性要求不一樣,關鍵是抓好幾個相關的重要指標。

圖表原則

突出關注點,突出優勢,適當存在復雜度高的圖表。
(1)始終要圍繞目標,突出要關注的數據。
(2)要突出優勢,數據可視化有一種重要的職能就是作展示用,對於能代表自身優勢的指標要加以強調。
(3)適當的在局部加上復雜度相對較高的圖表,這些圖表即有務實的意義(多個維度綜合展示),又有務虛的一面,更顯專業。

推薦圖表

個人推薦使用 ECharts,圖表全面,文檔齊全,示例豐富。其官方網站為:https://echarts.baidu.com/
示例站點為:https://echarts.baidu.com/echarts2/doc/example.html

推薦一些模板資源

可以從以下鏈接下載到一些模板,這個資源已下載驗證過,其中幾套模板還不錯,可以參考一下:
https://download.csdn.net/download/qiangbaixiao/10833443
如果積分不夠,也可以關注“時間維度”公眾號,留言后可直接發。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM