{"id":13958239,"url":"https://github.com/biubiubiu01/vue3-bigData","last_synced_at":"2025-07-20T23:30:48.925Z","repository":{"id":40627032,"uuid":"292896018","full_name":"biubiubiu01/vue3-bigData","owner":"biubiubiu01","description":"一个基于vue3.0的大数据分析系统，包含各种echarts和vue3.0新API","archived":false,"fork":false,"pushed_at":"2023-07-07T03:37:44.000Z","size":6177,"stargazers_count":1088,"open_issues_count":2,"forks_count":241,"subscribers_count":16,"default_branch":"master","last_synced_at":"2024-08-09T13:18:24.733Z","etag":null,"topics":["echarts","vue3","webpack"],"latest_commit_sha":null,"homepage":"https://gist006.gitee.io/vue3-bigdata/#/homepage","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/biubiubiu01.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-09-04T16:29:21.000Z","updated_at":"2024-08-02T12:00:54.000Z","dependencies_parsed_at":"2022-07-11T02:51:23.875Z","dependency_job_id":null,"html_url":"https://github.com/biubiubiu01/vue3-bigData","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/biubiubiu01%2Fvue3-bigData","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/biubiubiu01%2Fvue3-bigData/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/biubiubiu01%2Fvue3-bigData/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/biubiubiu01%2Fvue3-bigData/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/biubiubiu01","download_url":"https://codeload.github.com/biubiubiu01/vue3-bigData/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":226844932,"owners_count":17691132,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["echarts","vue3","webpack"],"created_at":"2024-08-08T13:01:16.337Z","updated_at":"2024-11-28T01:31:28.910Z","avatar_url":"https://github.com/biubiubiu01.png","language":"Vue","funding_links":[],"categories":["前端开发框架及项目"],"sub_categories":["管理面板"],"readme":"\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://github.com/biubiubiu01/vue3-bigData/\"\u003e\n    \u003cimg src=\"https://images.gitee.com/uploads/images/2020/0906/151518_824b889d_7647779.png\" alt=\"Logo\" width=\"250\"\u003e\n   \u003ch3 align=\"center\"\u003e vue3-bigData\u003c/h3\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n  \u003cp align=\"center\"\u003e\n    \u003ca href=\"https://github.com/biubiubiu01/vue3-bigData\"\u003e\u003cstrong\u003e探索本项目的文档 »\u003c/strong\u003e\u003c/a\u003e\n    \u003cbr /\u003e\n    \u003cbr /\u003e\n    \u003ca href=\"https://gist006.gitee.io/vue3-bigdata\"\u003e在线预览\u003c/a\u003e\n    ·\n    \u003ca href=\"https://github.com/biubiubiu01/vue3-bigData/issues\"\u003e提出Bug\u003c/a\u003e\n    ·\n    \u003ca href=\"https://github.com/biubiubiu01/vue3-bigData/issues\"\u003e提出新特性\u003c/a\u003e\n  \u003c/p\u003e\n  \n\n\n\n\n## 简介\n\n[vue3-bigData](https://gist006.gitee.io/vue3-bigdata)是一个可视化系统，基于[vue3.0](https://github.com/vuejs/vue-next) 和 [echarts](https://github.com/apache/incubator-echarts)实现，使用vue的最新的技术栈，包括各种可视化图表。\n\n\u003e vue3-basic-admin后台管理系统(强烈推荐！),地址：[vue3-basic-admin](https://github.com/biubiubiu01/vue3-basic-admin)\n\n\u003e vue-antd-admin后台管理系统，有兴趣可以看看：[vue-antd-admin](https://github.com/biubiubiu01/vue-antd-admin)\n\n\u003e react-antd-admin后台管理系统,地址：[reacct-antd-admin](https://github.com/biubiubiu01/react-antd-admin)\n\n## 前序准备\n你需要了解 [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组件，正在持续更新中...\n\n同时，这里我还写了个[vue3.0](https://github.com/vuejs/vue-next) 新特性方法的文章，包含vue2.0常用的各种方法在vue3.0中的使用。\n\n- [vue3.0,你想知道的这里都有](https://juejin.im/post/6870392360946106382)\n\n\n![输入图片说明](https://images.gitee.com/uploads/images/2020/0906/163002_d44d3025_7647779.png \"home.png\")\n![输入图片说明](https://images.gitee.com/uploads/images/2020/0906/202415_e50ed59c_7647779.png \"微信图片_20200906201805.png\")\n\n## 功能\n\n```\n- 柱状图\n- 饼图\n- 词云图\n- 漏斗图\n- 水球图\n- 折线图\n- 仪表盘\n- 雷达图\n- 矩形树图\n- 关系图\n- 地图  --- 分布图\n- 地图  --- 散点图\n- 地图  --- 热力图\n```\n\n## 使用说明\n```\n- 首页时间自动轮播，每次时间切换都会调接口，所有的图数据都会刷新\n- 首页点击时间轴切换时间\n- 首页点击地图可以下钻到县  周围数据都会变，显示对应市县的\n- 首页下钻后点击中间空白处或者左上角可以回到对应市县\n- 点击两边的echarts图可以进去详情页\n- 最右边的关系图点击可以下钻\n- 点击地图右上角的图标可以切换地图类型\n```\n\n\n### 文件目录说明\n```\n\n├── mock                             ---mock模拟数据\n├── public                           ---静态资源文件\n├── src          \n│  ├── api                           ---接口     \n│  ├── assets                        ---图片和字体\n│  ├── componentApi                  ---可复用的vue方法\n│  ├── components                    ---可复用的vue组件\n│  ├── layouts                       ---布局方式\n│  ├── router                        ---路由\n│  ├── store                         ---vuex\n│  ├── styles                        ---sass样式\n│  ├── utils                         ---方法函数\n│  ├── views                         ---页面\n│  ├── App.vue                       \n│  ├── main.js                       \n├── tests                            ---单元测试文件\n├── UI                               ---自定义UI组件库\n├── .browserslistrc\n├── .env.development\n├── .env.production\n├── .eslintrc.js\n├──  babel.config.js\n├── .jest.config.js                  ---jest的配置\n├──  package.json\n├──  package-lock.json\n├──  README.md\n└──  vue.config.js                   ---webpack的配置\n\n\n```\n\n\n \n## 安装\n\n```\n# 克隆项目\ngit clone https://github.com/biubiubiu01/vue3-bigData.git\n# 进入项目目录\ncd vue3-bigData\n# 安装依赖\nnpm i\n# 本地开发 启动项目\nnpm run serve\n```\n\n\n### 部署\n\n```\n# 打包项目\nnpm run build\n# 单元测试\nnpm run test\n```\n\n## Online Demo\n\n[在线 Demo](https://gist006.gitee.io/vue3-bigdata/#/homepage)\n\n## 捐赠\n\n开源不易，若觉得这个项目对你有用，可以点个[star](https://github.com/biubiubiu01/vue3-bigData)，欢迎提出建议和bug :smile: 。如果这个项目对你有所帮助，可以给作者买杯咖啡，欢迎投喂，捐赠加好友问题咨询。\n\n\u003cimg src=\"https://i.328888.xyz/2023/02/28/zV27Q.jpeg\" alt=\"alipay\" width=\"250\"\u003e\u003cimg src=\"https://i.328888.xyz/2023/02/28/zVw2H.jpeg\" alt=\"wechat\" width=\"250\"\u003e\n\n\n\n\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbiubiubiu01%2Fvue3-bigData","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbiubiubiu01%2Fvue3-bigData","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbiubiubiu01%2Fvue3-bigData/lists"}