项目介绍:根据接口拿到的数据以图表的形式展示具有科技感的蓝色大屏
项目实现:基于 vue、DataV、echarts、百度地图api的 " 数据大屏项目 "。通过 vue 组件实现数据动态刷新渲染,内部图表可实现自由替换。部分图表使用 DataV 自带组件,从后端接口获取数据来展示折线图、柱状图、饼图、雷达图、轮播表等,可导出为图片
亮点:使用星空小图循环渲染出星空背景,使用动画实现无限循环移动,科技感较强
难点:引入百度地图3D模式,根据经纬度和数据在地图上自定义遮罩物、自定义地图样式、自定义右键功能菜单、设置地图只展示某块区域、自定义地图天空和大地颜色、设置地图按时自动旋转等,通过阅读官方接口文档实现
技术栈:ES6、vue、DataV、echarts、mockjs、axios、less、阿里矢量图标引入、百度地图api