[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-8626":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":16,"stars7d":17,"stars30d":18,"stars90d":16,"forks30d":16,"starsTrendScore":19,"compositeScore":20,"rankGlobal":10,"rankLanguage":10,"license":21,"archived":22,"fork":22,"defaultBranch":23,"hasWiki":24,"hasPages":22,"topics":25,"createdAt":10,"pushedAt":10,"updatedAt":30,"readmeContent":31,"aiSummary":32,"trendingCount":16,"starSnapshotCount":16,"syncStatus":33,"lastSyncTime":34,"discoverSource":35},8626,"DataV","DataV-Team\u002FDataV","DataV-Team","Vue数据可视化组件库（类似阿里DataV，大屏数据展示），提供SVG的边框及装饰、图表、水位图、飞线图等组件，简单易用，长期更新(React版已发布)","http:\u002F\u002Fdatav.jiaminghi.com",null,"Vue",9665,1823,168,207,0,4,13,1,40.78,"MIT License",false,"master",true,[26,27,28,29],"bi","datav","svg","vue","2026-06-12 02:01:56","[ENGLISH](.\u002FREADME_EN.md)\n\n\u003Cp align=\"center\">\n  \u003Cimg src=\".\u002Ficon.png\">\n\u003C\u002Fp>\n\u003Ch1 align=\"center\">DataV\u003C\u002Fh1>\n\u003Cp align=\"center\">\n    \u003Ca href=\"https:\u002F\u002Fgithub.com\u002FDataV-Team\u002Fdatav\u002Fblob\u002Fmaster\u002FLICENSE\">\n      \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Flicense\u002FDataV-Team\u002Fdatav.svg\" alt=\"LICENSE\" \u002F>\n    \u003C\u002Fa>\n    \u003Ca href=\"https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@jiaminghi\u002Fdata-view\">\n      \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002F@jiaminghi\u002Fdata-view.svg\" alt=\"LICENSE\" \u002F>\n    \u003C\u002Fa>\n\u003C\u002Fp>\n\n## DataV是干什么的?\n\n* DataV是一个基于**Vue**的数据可视化组件库（当然也有[React版本](https:\u002F\u002Fgithub.com\u002FDataV-Team\u002FDataV-React)）\n* 提供用于提升页面视觉效果的**SVG**边框和装饰\n* 提供常用的**图表**如折线图等\n* 飞线图\u002F轮播表等其他组件\n\n### npm安装\n\n```shell\n$ npm install @jiaminghi\u002Fdata-view\n```\n\n### 使用\n\n```js\nimport Vue from 'vue'\nimport DataV from '@jiaminghi\u002Fdata-view'\n\nVue.use(DataV)\n\n\u002F\u002F 按需引入\nimport { borderBox1 } from '@jiaminghi\u002Fdata-view'\nVue.use(borderBox1)\n```\n\n详细文档及示例请移步[HomePage](http:\u002F\u002Fdatav.jiaminghi.com).\n\n### UMD版\n\n`UMD`版可直接使用`script`标签引入，`UMD`版文件位于项目`dist`目录下，引入后将自动把所有组件注册为**Vue全局组件**，引入`DataV`前请确保已引入`Vue`。\n\n[UMD版使用示例](.\u002FumdExample.html)\n\n### TODO\n\n* **地图组件**\n* **TS**重构组件库底层依赖\n\n### 致谢\n\n组件库的开发基于个人学习和兴趣，由于技术水平及经验的限制，组件尚有许多不完善之处，如有BUG可及时提交[issue](https:\u002F\u002Fgithub.com\u002FDataV-Team\u002FDataV\u002Fissues\u002Fnew?template=bug_report.md)或添加反馈群进行反馈，也欢迎提供指正和建议，感谢各位的支持。\n\n### 反馈\n![Feedback](.\u002FQQGroup.png)\n\n### Demo\n\nDemo页面使用了全屏组件，请F11全屏后查看。\n\n* [施工养护综合数据](http:\u002F\u002Fdatav.jiaminghi.com\u002Fdemo\u002Fconstruction-data\u002Findex.html)\n\n![construction-data](.\u002FdemoImg\u002Fconstruction-data.jpg)\n\n* [机电运维管理台](http:\u002F\u002Fdatav.jiaminghi.com\u002Fdemo\u002Fmanage-desk\u002Findex.html)\n\n![manage-desk](.\u002FdemoImg\u002Fmanage-desk.jpg)\n\n* [机电设备电子档案](http:\u002F\u002Fdatav.jiaminghi.com\u002Fdemo\u002Felectronic-file\u002Findex.html)\n\n![electronic-file](.\u002FdemoImg\u002Felectronic-file.jpg)\n","DataV是一个基于Vue的数据可视化组件库，主要用于构建大屏数据展示应用。它提供了丰富的SVG边框及装饰、图表（如折线图）、水位图、飞线图等组件，简单易用且长期更新。其核心功能包括通过高质量的SVG图形增强页面视觉效果以及提供多种常用图表类型以满足不同数据展示需求。此外，DataV还支持按需加载特定组件，进一步优化了性能表现。该项目非常适合需要进行复杂数据可视化场景的应用开发，例如企业级监控中心、业务数据分析平台或是任何需要直观展示大量信息的大屏幕展示项目。",2,"2026-06-11 03:18:57","top_language"]