React数据可视化组件库(类似阿里DataV,大屏数据

ENGLISH

DataV-React

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或添加反馈群进行反馈,也欢迎提供指正和建议,感谢各位的支持。

反馈

Demo

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

施工养护综合数据

机电运维管理台

机电设备电子档案

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。