場景

為實現工業設備可視化大屏需求，可實現基于地圖的設備數據管理，點擊具體設備可進行詳細介紹和三維模型展示。

可播放宣傳視頻，可展示PM數據報表等數據，可接受報警數據提醒、統計等數據。

基于現有開源平臺框架進行二次改造，主要添加地圖上點擊的產品詳細介紹和三維模型展示。

實現效果如下：

可用于快速搭建大屏原型、畢業設計基礎、學習研究操作。

注：

博客：
霸道流氓氣質-CSDN博客

實現

相關技術棧

1、DataV 官方文檔：

組件庫基于Vue （React版 (opens new window)） ，主要用于構建大屏（全屏）數據展示頁面即數據可視化，

具有多種類型組件可供使用：

邊框

帶有不同邊框的容器

裝飾

用來點綴頁面效果，增加視覺效果

圖表

圖表組件基于Charts (opens new window)封裝，輕量，易用

其他

飛線圖/水位圖/輪播表/

介紹 | DataV

2、Echarts實例

Examples - Apache ECharts

3、mock.js模擬數據

Mock.js

使用

安裝

npm install??

啟動

npm start

擴展

?開放氣象API——Open-Meteo：

🌤? Free Open-Source Weather API | Open-Meteo.com

完整示例代碼下載

https://download.csdn.net/download/BADAO_LIUMANG_QIZHI/91490512