大家好我是仁杰,今天给大家分享一款可视化系统,基于vue.0和echarts实现,使用最前沿的技术栈,包括各种可视化图表。
描述项目大部分数据采用Mock.js进行模拟,axios请求数据。最大还原了请求后台接口数据,由于element-ui还未支持vue.0,所以该项目的大部分组件都是使用手写。
预览大屏首页大屏分析部署系统功能
-柱状图
-饼图
-词云图
-漏斗图
-水球图
-折线图
-仪表盘
-雷达图
-矩形树图
-关系图
-地图---分布图
-地图---散点图
-地图---热力图
使用说明
-首页时间自动轮播,每次时间切换都会调接口,所有的图数据都会刷新
-首页点击时间轴切换时间
-首页点击地图可以下钻到县周围数据都会变,显示对应市县的
-首页下钻后点击中间空白处或者左上角可以回到对应市县
-点击两边的echarts图可以进去详情页
-最右边的关系图点击可以下钻
-点击地图右上角的图标可以切换地图类型
项目目录
├──mock---mock模拟数据
├──public---静态资源文件
├──src
│├──api---接口
│├──assets---图片和字体
│├──