[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-8973":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":17,"stars30d":15,"stars90d":16,"forks30d":16,"starsTrendScore":18,"compositeScore":19,"rankGlobal":10,"rankLanguage":10,"license":10,"archived":20,"fork":20,"defaultBranch":21,"hasWiki":22,"hasPages":22,"topics":23,"createdAt":10,"pushedAt":10,"updatedAt":27,"readmeContent":28,"aiSummary":29,"trendingCount":16,"starSnapshotCount":16,"syncStatus":15,"lastSyncTime":30,"discoverSource":31},8973,"vue3-bigData","biubiubiu01\u002Fvue3-bigData","biubiubiu01","一个基于vue3.0的大数据分析系统，包含各种echarts和vue3.0新API","https:\u002F\u002Fbiubiubiu01.github.io\u002Fvue3-bigData\u002Fdist\u002F#\u002Fhomepage",null,"Vue",1241,268,16,2,0,1,3,54.99,false,"master",true,[24,25,26],"echarts","vue3","webpack","2026-06-12 04:00:42","\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fbiubiubiu01\u002Fvue3-bigData\u002F\">\n    \u003Cimg src=\"https:\u002F\u002Fimages.gitee.com\u002Fuploads\u002Fimages\u002F2020\u002F0906\u002F151518_824b889d_7647779.png\" alt=\"Logo\" width=\"250\">\n   \u003Ch3 align=\"center\"> vue3-bigData\u003C\u002Fh3>\n  \u003C\u002Fa>\n\u003C\u002Fp>\n\n  \u003Cp align=\"center\">\n    \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fbiubiubiu01\u002Fvue3-bigData\">\u003Cstrong>探索本项目的文档 »\u003C\u002Fstrong>\u003C\u002Fa>\n    \u003Cbr \u002F>\n    \u003Cbr \u002F>\n    \u003Ca href=\"https:\u002F\u002Fgist006.gitee.io\u002Fvue3-bigdata\">在线预览\u003C\u002Fa>\n    ·\n    \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fbiubiubiu01\u002Fvue3-bigData\u002Fissues\">提出Bug\u003C\u002Fa>\n    ·\n    \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fbiubiubiu01\u002Fvue3-bigData\u002Fissues\">提出新特性\u003C\u002Fa>\n  \u003C\u002Fp>\n  \n\n\n\n\n## 简介\n\n[vue3-bigData](https:\u002F\u002Fgist006.gitee.io\u002Fvue3-bigdata)是一个可视化系统，基于[vue3.0](https:\u002F\u002Fgithub.com\u002Fvuejs\u002Fvue-next) 和 [echarts](https:\u002F\u002Fgithub.com\u002Fapache\u002Fincubator-echarts)实现，使用vue的最新的技术栈，包括各种可视化图表。\n\n> vue3-basic-admin后台管理系统(强烈推荐！),地址：[vue3-basic-admin](https:\u002F\u002Fgithub.com\u002Fbiubiubiu01\u002Fvue3-basic-admin)\n\n> vue-antd-admin后台管理系统，有兴趣可以看看：[vue-antd-admin](https:\u002F\u002Fgithub.com\u002Fbiubiubiu01\u002Fvue-antd-admin)\n\n> react-antd-admin后台管理系统,地址：[reacct-antd-admin](https:\u002F\u002Fgithub.com\u002Fbiubiubiu01\u002Freact-antd-admin)\n\n## 前序准备\n你需要了解 [vue3.0](https:\u002F\u002Fgithub.com\u002Fvuejs\u002Fvue-next)的新特性和Api方法后才开始熟悉本项目，大部分数据采用[Mock.js](https:\u002F\u002Fgithub.com\u002Fnuysoft\u002FMock) 进行模拟，[axios](https:\u002F\u002Fgithub.com\u002Faxios\u002Faxios)请求数据，最大还原了请求后台接口数据，由于[element-ui](https:\u002F\u002Fgithub.com\u002FElemeFE\u002Felement) 还未支持vue3.0（不过好像在憋大招）,所以这里自己手写了几个项目中遇到的UI组件，正在持续更新中...\n\n同时，这里我还写了个[vue3.0](https:\u002F\u002Fgithub.com\u002Fvuejs\u002Fvue-next) 新特性方法的文章，包含vue2.0常用的各种方法在vue3.0中的使用。\n\n- [vue3.0,你想知道的这里都有](https:\u002F\u002Fjuejin.im\u002Fpost\u002F6870392360946106382)\n\n\n![输入图片说明](https:\u002F\u002Fimages.gitee.com\u002Fuploads\u002Fimages\u002F2020\u002F0906\u002F163002_d44d3025_7647779.png \"home.png\")\n![输入图片说明](https:\u002F\u002Fimages.gitee.com\u002Fuploads\u002Fimages\u002F2020\u002F0906\u002F202415_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:\u002F\u002Fgithub.com\u002Fbiubiubiu01\u002Fvue3-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:\u002F\u002Fgist006.gitee.io\u002Fvue3-bigdata\u002F#\u002Fhomepage)\n\n## 捐赠\n\n开源不易，若觉得这个项目对你有用，可以点个[star](https:\u002F\u002Fgithub.com\u002Fbiubiubiu01\u002Fvue3-bigData)，欢迎提出建议和bug :smile: 。如果这个项目对你有所帮助，可以给作者买杯咖啡，欢迎投喂，捐赠加好友问题咨询。\n\n\u003Cimg src=\"https:\u002F\u002Fi.328888.xyz\u002F2023\u002F02\u002F28\u002FzV27Q.jpeg\" alt=\"alipay\" width=\"250\">\u003Cimg src=\"https:\u002F\u002Fi.328888.xyz\u002F2023\u002F02\u002F28\u002FzVw2H.jpeg\" alt=\"wechat\" width=\"250\">\n\n\n\n\n\n\n\n","vue3-bigData是一个基于Vue 3.0的大数据分析系统，集成了多种ECharts图表和Vue 3.0的新API。项目核心功能包括柱状图、饼图、词云图、漏斗图等丰富的数据可视化工具，并且支持地图的分布图、散点图和热力图等多种展示方式。利用Vue 3.0的新特性和Composition API，结合Axios进行数据请求及Mock.js模拟后端接口数据，该项目能够很好地满足需要复杂数据展示的应用场景需求，如企业级的数据分析平台或监控中心。此外，其提供的自定义UI组件库也使得界面更加灵活可定制。","2026-06-11 03:20:37","top_language"]