Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

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

License

Notifications You must be signed in to change notification settings

DataV-Team/DataV-React

Repository files navigation

ENGLISH

DataV-React

LICENSE LICENSE

DataV-React 是干什么的?

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

注意事项

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

npm 安装

$ npm install @jiaminghi/data-view-react

使用

import * as 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

  • 地图组件
  • TS重构组件库底层依赖

致谢

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

反馈

Feedback

Demo

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

construction-data

manage-desk

electronic-file

About

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

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Contributors 5

AltStyle によって変換されたページ (->オリジナル) /