關注公眾號: 微信搜索 `前端工具人 ; 收貨更多的干貨
一、效果圖
由於屏幕錄制的原因吧。有點卡頓,實際項目不卡頓 加載視頻可能有點慢, 可放大查看
...
二、開篇
- 個人推薦可視化插件:很強大的阿里開源 antv(G2、G6、F2、L7) 系列,百度圖表echarts 和 地圖mapv, 大屏裝飾 DataV, D3.js、three.js
- 大屏數據可視化需求說難挺簡單的,說簡單挺難的;我認為
選對可視化插件
可以說成功了一半;不過選型期間往往挺廢時間的,因為還要不斷的測試看符不符合需求; - 本文分享介紹我使用
vue2.x
開發大屏數據可視化需求的一些套路
及常用插件
- 覺得對各位猿友有用的,
博客點個贊
;github
點個star
;謝謝 - github地址
三、項目功能介紹
- 1)由於真是數據來源於登錄過后的后台接口、這里把接口部分去了。數據本地保存了
- 2)可交互氣泡地圖 (使用的是阿里開源的 antvL7 )
- 3)自定義數字滾動器、數據圓環
- 4)表格、列表滾動(自定義了部分)(DataV)
- 5)餅圖、圓環圖(使用的是百度 echarts)
四、項目源碼
- 在這就沒對這些需求功能做代碼細分展示 (
說實在的代碼沒什么亮點、只是作為分享
) - 請移步點擊 github 文章 查源碼
五、結語
以上為個人實際項目開發總結, 有問題歡迎留言一起交流學習