7 Star 56 Fork 37

gist006/vue3-bigData

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

Logo

vue3-bigData

探索本项目的文档 »

在线预览 · 提出Bug · 提出新特性

简介

vue3-bigData是一个可视化系统,基于vue3.0echarts实现,使用vue的最新的技术栈,包括各种可视化图表。

vue3-basic-admin后台管理系统(强烈推荐!),地址:vue3-basic-admin

vue-antd-admin后台管理系统,有兴趣可以看看:vue-antd-admin

react-antd-admin后台管理系统,地址:reacct-antd-admin

前序准备

你需要了解 vue3.0的新特性和Api方法后才开始熟悉本项目,大部分数据采用Mock.js 进行模拟,axios请求数据,最大还原了请求后台接口数据,由于element-ui 还未支持vue3.0(不过好像在憋大招),所以这里自己手写了几个项目中遇到的UI组件,正在持续更新中...

同时,这里我还写了个vue3.0 新特性方法的文章,包含vue2.0常用的各种方法在vue3.0中的使用。

输入图片说明 输入图片说明

功能

- 柱状图
- 饼图
- 词云图
- 漏斗图
- 水球图
- 折线图
- 仪表盘
- 雷达图
- 矩形树图
- 关系图
- 地图  --- 分布图
- 地图  --- 散点图
- 地图  --- 热力图

使用说明

- 首页时间自动轮播,每次时间切换都会调接口,所有的图数据都会刷新
- 首页点击时间轴切换时间
- 首页点击地图可以下钻到县  周围数据都会变,显示对应市县的
- 首页下钻后点击中间空白处或者左上角可以回到对应市县
- 点击两边的echarts图可以进去详情页
- 最右边的关系图点击可以下钻
- 点击地图右上角的图标可以切换地图类型

文件目录说明


├── mock                             ---mock模拟数据
├── public                           ---静态资源文件
├── src          
│  ├── api                           ---接口     
│  ├── assets                        ---图片和字体
│  ├── componentApi                  ---可复用的vue方法
│  ├── components                    ---可复用的vue组件
│  ├── layouts                       ---布局方式
│  ├── router                        ---路由
│  ├── store                         ---vuex
│  ├── styles                        ---sass样式
│  ├── utils                         ---方法函数
│  ├── views                         ---页面
│  ├── App.vue                       
│  ├── main.js                       
├── tests                            ---单元测试文件
├── UI                               ---自定义UI组件库
├── .browserslistrc
├── .env.development
├── .env.production
├── .eslintrc.js
├──  babel.config.js
├── .jest.config.js                  ---jest的配置
├──  package.json
├──  package-lock.json
├──  README.md
└──  vue.config.js                   ---webpack的配置


安装

# 克隆项目
git clone https://github.com/biubiubiu01/vue3-bigData.git
# 进入项目目录
cd vue3-bigData
# 安装依赖
npm i
# 本地开发 启动项目
npm run serve

部署

# 打包项目
npm run build
# 单元测试
npm run test

Online Demo

在线 Demo

捐赠

开源不易,若觉得这个项目对你有用,可以点个star,欢迎提出建议和bug 。如果这个项目对你有所帮助,可以给作者买杯咖啡,欢迎投喂,任意金额捐赠加好友问题咨询。

alipaywechat

扫码领大红包啦,有朋友领到88元大红包

alipay

空文件

简介

一个基于vue3.0的大数据分析系统,包含各种echarts和vue3.0新API 展开 收起
取消

发行版

暂无发行版

贡献者

全部

近期动态

不能加载更多了
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/gist006/vue3-bigData.git
git@gitee.com:gist006/vue3-bigData.git
gist006
vue3-bigData
vue3-bigData
master

搜索帮助