一个基于vue3.0的大数据分析系统,包含各种echarts和vue3.0新API-Vue.js开发

  • g1_467406
    了解作者
  • 450.4KB
    文件大小
  • zip
    文件格式
  • 0
    收藏次数
  • VIP专享
    资源类型
  • 0
    下载次数
  • 2022-04-03 07:37
    上传日期
vue3-bigData是一个可视化系统,基于vue3.0 和 echarts实现,使用vue的最新的技术栈,包括各种可视化图表。 vue3-bigData 探索本项目的文档 » 在线预览 · 提出Bug · 提出新特性 简介 vue3-bigData是一个可视化系统,基于vue3.0 和 echarts实现,使用vue的最新的技术栈,包括各种可视化图表。 前序准备 你需要了解 vue3.0的新特性和Api方法后才开始熟悉本项目,大部分数据采用Mock.js 进行模拟,axios请求数据,最大还原了请求后台接口数据,由于element-ui 还未支持vue3.0(不过好像在憋大招),所以这里自己手写了几个项目中遇到的UI组件,正在持续更新中... 同时,这里我还写了个vue3.0 新特性方法的文章,包含vue2.0常用的各种方法在vue3.0中的使用。 vue3.0,你想知道的这里都有 功能 - 柱状图 - 饼图 - 词云图 - 漏斗图 - 水球图 - 折线图 - 仪表盘 - 雷达图 - 矩形树图 - 关系图 - 地图 --
vue3-bigData-master.zip
内容介绍
<p align="center"> <a href="https://github.com/biubiubiu01/vue3-bigData/" rel='nofollow' onclick='return false;'> <img src="https://images.gitee.com/uploads/images/2020/0906/151518_824b889d_7647779.png" alt="Logo" width="250"> <h3 align="center"> vue3-bigData</h3> </a> </p> <p align="center"> <a href="https://github.com/biubiubiu01/vue3-bigData" rel='nofollow' onclick='return false;'><strong>探索本项目的文档 »</strong></a> <br /> <br /> <a href="https://gist006.gitee.io/vue3-bigdata" rel='nofollow' onclick='return false;'>在线预览</a> · <a href="https://github.com/biubiubiu01/vue3-bigData/issues" rel='nofollow' onclick='return false;'>提出Bug</a> · <a href="https://github.com/biubiubiu01/vue3-bigData/issues" rel='nofollow' onclick='return false;'>提出新特性</a> </p> ## 简介 [vue3-bigData](https://gist006.gitee.io/vue3-bigdata)是一个可视化系统,基于[vue3.0](https://github.com/vuejs/vue-next) 和 [echarts](https://github.com/apache/incubator-echarts)实现,使用vue的最新的技术栈,包括各种可视化图表。 > vue-antd-admin后台管理系统,有兴趣可以看看:[vue-antd-admin](https://github.com/biubiubiu01/vue-antd-admin) > react-antd-admin后台管理系统,地址:[reacct-antd-admin](https://github.com/biubiubiu01/react-antd-admin) ## 前序准备 你需要了解 [vue3.0](https://github.com/vuejs/vue-next)的新特性和Api方法后才开始熟悉本项目,大部分数据采用[Mock.js](https://github.com/nuysoft/Mock) 进行模拟,[axios](https://github.com/axios/axios)请求数据,最大还原了请求后台接口数据,由于[element-ui](https://github.com/ElemeFE/element) 还未支持vue3.0(不过好像在憋大招),所以这里自己手写了几个项目中遇到的UI组件,正在持续更新中... 同时,这里我还写了个[vue3.0](https://github.com/vuejs/vue-next) 新特性方法的文章,包含vue2.0常用的各种方法在vue3.0中的使用。 - [vue3.0,你想知道的这里都有](https://juejin.im/post/6870392360946106382) ![输入图片说明](https://images.gitee.com/uploads/images/2020/0906/163002_d44d3025_7647779.png "home.png") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0906/202415_e50ed59c_7647779.png "微信图片_20200906201805.png") ## 功能 ``` - 柱状图 - 饼图 - 词云图 - 漏斗图 - 水球图 - 折线图 - 仪表盘 - 雷达图 - 矩形树图 - 关系图 - 地图 --- 分布图 - 地图 --- 散点图 - 地图 --- 热力图 ``` ## 使用说明 ``` - 首页时间自动轮播,每次时间切换都会调接口,所有的图数据都会刷新 - 首页点击时间轴切换时间 - 首页点击地图可以下钻到县 周围数据都会变,显示对应市县的 - 首页下钻后点击中间空白处或者左上角可以回到对应市县 - 点击两边的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](https://gist006.gitee.io/vue3-bigdata/#/homepage) ## 最后 开源不易,若觉得这个项目对你有用,可以点个[star](https://github.com/biubiubiu01/vue3-bigData),欢迎提出建议和bug :smile: 。
评论
    相关推荐
    • iOS逆向工具
      iOS逆向相关的工具 如debugserver、lldb命令行、class-dump、cycript常用命令行
    • IOS基础应用
      学习iOS前期做的一个Demo分享 由于是以前做的,有很多bug没改,-_-||
    • IOS 导航栏
      项目中用到了,虽然有些出入,但使用起来还是蛮好的,有一点bug,项目中没有问题,我单单做demo的时候遇到的,就是运行项目时导航栏那一块不显示,其实是存在的,你点鼠标往上拖动下就显示出来了,然后你研究下,我...
    • IOS百度地图bug
      IOS百度地图bug解决方法,直接将类拖到工程中即可
    • ios-仿购物车(修改bug之后).zip
      仿购物车功能基本实现
    • iOS Bug报告控件功能源码BugshotKit
      iOS Bug报告控件功能源码BugshotKit,源码BugshotKit,BugshotKit是一款给开发者和测试者的 iOS 应用内 bug 报告工具,提供注释的截图和控制台日志,ios源码频道。 iOS in-app bug reporting for developers and ...
    • IOS连连看demo
      该demo是自己实现的,可能还会存在bug,如发现有bug,请速与我联系.谢谢.
    • IOS完美轮播
      实现ios轮播无BUG
    • JLHotfixFromNet:iOS 下载hotfix dylib 快速防止bug
      JLHotfixFromNet 下载修补程序 dylib 以快速防止错误 ######在 iOS7up、32 位和 64 位上测试 ######使用swizzle
    • iOS 科学计算器
      ios上功能非常全的科学计算器,可以直接运行,没有bug