關於數據可視化頁面製做

先出思路

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

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

關於可視化

完成最終的可視化，要解決三個問題
（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
若是積分不夠，也能夠關注「時間維度」公衆號，留言後可直接發。