可视化系统,基于vue30和echar

大家好我是仁杰,今天给大家分享一款可视化系统,基于vue.0和echarts实现,使用最前沿的技术栈,包括各种可视化图表。

描述

项目大部分数据采用Mock.js进行模拟,axios请求数据。最大还原了请求后台接口数据,由于element-ui还未支持vue.0,所以该项目的大部分组件都是使用手写。

预览大屏首页大屏分析部署

系统功能

-柱状图

-饼图

-词云图

-漏斗图

-水球图

-折线图

-仪表盘

-雷达图

-矩形树图

-关系图

-地图---分布图

-地图---散点图

-地图---热力图

使用说明

-首页时间自动轮播,每次时间切换都会调接口,所有的图数据都会刷新

-首页点击时间轴切换时间

-首页点击地图可以下钻到县周围数据都会变,显示对应市县的

-首页下钻后点击中间空白处或者左上角可以回到对应市县

-点击两边的echarts图可以进去详情页

-最右边的关系图点击可以下钻

-点击地图右上角的图标可以切换地图类型

项目目录

├──mock---mock模拟数据

├──public---静态资源文件

├──src

│├──api---接口

│├──assets---图片和字体

│├──


转载请注明:http://www.aierlanlan.com/rzfs/9170.html

  • 上一篇文章:
  •   
  • 下一篇文章: 没有了