vue 数据可视化大屏 管理局大数据平台,项目一共有4个页面组成。

开发环境

vue2 + webpack + js nodejs 14

分辨率

1920*1080

管理局大数据平台-首页

演示地址

管理局大数据平台-首页

项目截图

管理局大数据平台-内页

演示地址

管理局大数据平台-内页

项目截图

管理局大数据平台-内页2

演示地址

管理局大数据平台-内页2

项目截图

管理局大数据平台-安防平台

演示地址

管理局大数据平台-安防平台

项目截图

学习笔记

管理局大数据平台进入页面后动画效果采用wowjs动画组件实现。

首页中间由吉林地图组成，如果对地图部分代码感兴趣可以查看Echarts 吉林地图 自定义图标。

右下角采用了红色闪烁警报动画效果的柱状图，官方提供的echarts组件并没有此效果，是通过二次开发改出来的效果。

中间下部采用了echarts堆叠柱状图加折线图混合效果

其他说明

客户项目，仅做展示