NEPU1960 / DataV

Vue数据可视化组件库(类似阿里DataV,大屏数据展示),提供SVG的边框及装饰、图表、水位图、飞线图等组件,简单易用,长期更新

Home Page:http://datav.jiaminghi.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

ENGLISH

DataV

LICENSE LICENSE

DataV是干什么的?

  • DataV是一个基于Vue的数据可视化组件库.
  • 提供用于提升页面视觉效果的SVG边框和装饰.
  • 提供常用的图表如折线图等.
  • 飞线图/轮播表等其他组件.

npm安装

$ npm install @jiaminghi/data-view

使用

import Vue from 'vue'
import DataV from '@jiaminghi/data-view'

Vue.use(DataV)

// 按需引入
import { borderBox1 } from '@jiaminghi/data-view'
Vue.use(borderBox1)

详细文档及示例请移步HomePage.

调研

关于React版本组件库及反馈请移步问卷调查

问卷调查

TODO

  • 飞线图添加多中心点及反向飞线功能
  • 边框装饰添加颜色及其他必要配置项,增强可配置性及灵活性.

致谢

组件库的开发基于个人学习和兴趣,由于技术水平及经验的限制,组件尚有许多不完善之处,如有BUG可及时提交issue或添加反馈群进行反馈,也欢迎提供指正和建议,感谢各位的支持。

反馈

Feedback

Demo

Demo页面使用了全屏组件,请F11全屏后查看。

construction-data

manage-desk

electronic-file

About

Vue数据可视化组件库(类似阿里DataV,大屏数据展示),提供SVG的边框及装饰、图表、水位图、飞线图等组件,简单易用,长期更新

http://datav.jiaminghi.com

License:MIT License


Languages

Language:Vue 83.6%Language:JavaScript 11.1%Language:CSS 5.3%