myGitZone / DataV-React

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

ENGLISH

DataV-React

DataV-React 是干什么的?

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

注意事项

使用了 React Hooks, 简化了许多内部工作。您需要 React 版本 16.8.0 及以上

npm 安装

$ npm install @jiaminghi/data-view-react

使用

import datav from "@jiaminghi/data-view-react";

datav.BorderBox1;

// 或者
import { BorderBox1 } from "@jiaminghi/data-view-react";

// 按需引入
import BorderBox1 from "@jiaminghi/data-view-react/es/borderBox1";

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

UMD 版

UMD版可直接使用script标签引入，引入后通过datav命名空间使用对应的组件，引入data-view-react前请确保已引入react 和 react-dom。

UMD 版使用示例

TODO

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

致谢

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

反馈

Demo

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

• 施工养护综合数据

• 机电运维管理台

• 机电设备电子档案