從2016年開始接觸可視化方向，一直想寫一篇文章回顧一下這幾年踩過的坑，接下來的這段時間里我會不定時的給大家分享一些可視化方面的經(jīng)驗和感悟，發(fā)出來跟大家一塊分享一下、一起討論討論、共同學習進步。
前言
這篇文章作為開端，之后會不定時的發(fā)出一系列的采坑記錄，整理出大數(shù)據(jù)可視化大屏常見的問題，以及針對特有場景進行深度優(yōu)化。 這篇文章先帶著大家熟悉一下什么是可視化？常見的可視化組件有哪些？ 常用的可視化技術(shù)棧有哪些？ 可視化工程框架是如何的？常見的可視化問題（不含答案，有疑問可以在下方評論我單獨回答，如果問題較多我再單獨出一篇文章詳解）。
一、什么是可視化
大數(shù)據(jù)可視化這詞相信大家并不陌生，從 17 世紀的地圖和圖形到 19 世紀初餅圖的發(fā)明，使用圖表來理解數(shù)據(jù)的概念已經(jīng)存在了數(shù)個世紀?？梢暬恢卑殡S著我們的生活，在我們的生活中更是無處不在，像天貓雙十一、女神節(jié)都各種各樣的指標數(shù)據(jù)進行采集，像我們生活中的氣象、交通、運維...都需要可視化。隨著數(shù)字化時代的推進，信息時代的到來，我們的數(shù)據(jù)量在慢慢變得龐大，我們通過單純的數(shù)據(jù)表、日志已經(jīng)無法查看重要信息，必須依賴于可視化！
二、可視化常用組件有哪些？ 常用的技術(shù)棧是什么？
1. 折線圖
Echarts、Chart、Highcharts、D3
2. 柱狀圖?
Echarts、Chart、Highcharts、D3
3. 散點圖
Echarts、Chart、Highcharts、D3
4. 象形圖
Echarts、Chart、Highcharts、D3
5. 雷達圖
Echarts、Chart、Highcharts、D3
6. 餅圖
Echarts、Chart、Highcharts、D3
7. 水波球
Echarts、D3、Canvas
8. 儀表盤
Echarts、Highcharts、D3、Canvas
9. 地圖
Echarts、Antv@L7
12. 拓撲圖
Antv@g6、Vis、D3、d3-graphviz
13. 熱力圖
Echarts、antV@L7、Heatmap
?
14. 矩形圖
Echarts、Highcharts、Canvas
??
15. 旭日圖
Echarts、Highcharts、Chart
16. ?；鶊D
Echarts、Highcharts、Chart
?17. 3D餅狀圖
Highcharts、Three、Webgl
18. 3D場景
Three、Webgl
?18. 3D GIS場景
Mapbox、Cesium
19、20、21...
常見的可視化組件還有很多就不在這里一一列舉了，大家感興趣的話可以看一看Echarts官網(wǎng)是比較全的，也可以看看D3.js這本書里面記載了很多圖表的實現(xiàn)方案。
三、前端可視化工程架構(gòu)
四、常見可視化問題有哪些？
以下問題會單獨出文章詳細描述，大家有問題也可以評論到下方，一起討論學習文章來源：http://www.zghlxwxcb.cn/news/detail-406860.html
1. 可視化大屏開發(fā)如何適配多端？
2. 可視化大屏如何在拼接屏上準確無誤顯示？
3. 如何解決大屏失真、小屏文字模糊問題？
4. 如何進行大屏速度優(yōu)化？
5. 如何對可視化大屏進行低版本兼容？
6. 隨著可視化大屏尺寸增加，消耗資源過大怎么優(yōu)化？
7. 3D GIS離線方案怎么定？
8. 3D場景碰撞檢測、視野分析如何實現(xiàn)？
9. 大型BIM模型加載過慢，優(yōu)化方案是什么？
10. 2d、3d動效卡頓，內(nèi)存持續(xù)增改怎么優(yōu)化？文章來源地址http://www.zghlxwxcb.cn/news/detail-406860.html
到了這里，關(guān)于大數(shù)據(jù)前端可視化大屏--前端開發(fā)之路的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
