vue3 数据可视化大屏 新能源汽车大数据平台

开发环境

nodejs 16

开发框架

vue3+vite+js

分辨率

1920*1080

效果截图

项目模块

1.车辆分布

车辆分布及排行，展示使用mockjs随机生成车辆分布。

2.车辆状态

车辆状态，使用mockjs随机生成车辆在线和离线数据，并用饼状图展示占比。

3.车辆报警率

使用mockjs随机生成车辆报警率，并用echarts仪表盘展示占比数据。

4.电池压差分布

使用mockjs生成电池压差分布，echarts图表展示电池压差分布

5.电池温差分布

使用mockjs生成电池温差分布，echarts折线图展示电池温差分布

6.日均出行里程统计

使用mockjs生成日均出行里程统计，echarts柱状图展示日均出行里程统计

7.24h接入车辆数

使用mockjs生成24h接入车辆数，echarts折线图展示24h接入车辆数

头部卡片数据

使用数字卡片展示数字信息。

顶部动画

使用扫光效果给顶部增加动画效果。

中间地图

中间地图数据，展示各个省份车辆数量。

动态效果

点击原文可以查看在线演示哟