Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/DataV-Team/DataV
Vue数据可视化组件库（类似阿里DataV，大屏数据展示），提供SVG的边框及装饰、图表、水位图、飞线图等组件，简单易用，长期更新(React版已发布)
https://github.com/DataV-Team/DataV
bi datav svg vue
Last synced: 6 days ago
JSON representation
Vue数据可视化组件库（类似阿里DataV，大屏数据展示），提供SVG的边框及装饰、图表、水位图、飞线图等组件，简单易用，长期更新(React版已发布)
- Host: GitHub
- URL: https://github.com/DataV-Team/DataV
- Owner: DataV-Team
- License: mit
- Created: 2018-12-05T05:38:51.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2024-06-14T06:06:34.000Z (5 months ago)
- Last Synced: 2024-10-24T20:25:42.780Z (10 days ago)
- Topics: bi, datav, svg, vue
- Language: Vue
- Homepage: http://datav.jiaminghi.com
- Size: 3.01 MB
- Stars: 9,031
- Watchers: 170
- Forks: 1,783
- Open Issues: 213
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
- awesome - DataV-Team/DataV - Vue数据可视化组件库（类似阿里DataV，大屏数据展示），提供SVG的边框及装饰、图表、水位图、飞线图等组件，简单易用，长期更新(React版已发布) (Vue)
- StarryDivineSky - DataV-Team/DataV
- awesome - DataV-Team/DataV - Vue数据可视化组件库（类似阿里DataV，大屏数据展示），提供SVG的边框及装饰、图表、水位图、飞线图等组件，简单易用，长期更新(React版已发布) (Vue)
- awesome-hacking-lists - DataV-Team/DataV - Vue数据可视化组件库（类似阿里DataV，大屏数据展示），提供SVG的边框及装饰、图表、水位图、飞线图等组件，简单易用，长期更新(React版已发布) (Vue)
README
[ENGLISH](./README_EN.md)
DataV
## DataV是干什么的?
* DataV是一个基于**Vue**的数据可视化组件库（当然也有[React版本](https://github.com/DataV-Team/DataV-React)）
* 提供用于提升页面视觉效果的**SVG**边框和装饰
* 提供常用的**图表**如折线图等
* 飞线图/轮播表等其他组件
### npm安装
```shell
$ npm install @jiaminghi/data-view
```
### 使用
```js
import Vue from 'vue'
import DataV from '@jiaminghi/data-view'
Vue.use(DataV)
// 按需引入
import { borderBox1 } from '@jiaminghi/data-view'
Vue.use(borderBox1)
```
详细文档及示例请移步[HomePage](http://datav.jiaminghi.com).
### UMD版
`UMD`版可直接使用`script`标签引入，`UMD`版文件位于项目`dist`目录下，引入后将自动把所有组件注册为**Vue全局组件**，引入`DataV`前请确保已引入`Vue`。
[UMD版使用示例](./umdExample.html)
### TODO
* **地图组件**
* **TS**重构组件库底层依赖
### 致谢
组件库的开发基于个人学习和兴趣，由于技术水平及经验的限制，组件尚有许多不完善之处，如有BUG可及时提交[issue](https://github.com/DataV-Team/DataV/issues/new?template=bug_report.md)或添加反馈群进行反馈，也欢迎提供指正和建议，感谢各位的支持。
### 反馈
### Demo
Demo页面使用了全屏组件，请F11全屏后查看。
* [施工养护综合数据](http://datav.jiaminghi.com/demo/construction-data/index.html)
* [机电运维管理台](http://datav.jiaminghi.com/demo/manage-desk/index.html)
* [机电设备电子档案](http://datav.jiaminghi.com/demo/electronic-file/index.html)
