react-timeline-gantt 介绍
react-timeline-gantt是 一个 用于 显示 和管理日历甘特图的组件。它使用虚拟渲染来有效地做出反应。
该组件能够:
可处理10万条记录。
无限日历滚动
三种缩放级别:日,周,月
完全可定制。
支持 所有CRUD操作。
任务和 链接 的创建。
支持 分页 。
可以轻松地与R edux 集成
安装
npm install react-gantt-timeline
该组件具有以下依赖关系:moment,react-sizeme
一旦安装了组件及其所有依赖项,首先 要做 的就是创建时间线组件使用的数据。时间线具有两个数据提供程序 数据 和 链接 。
数据 :是 一个 对象数组,其中包含要 显示 的任务。作为数组一部分的每个对象都必须具有以下强制字段
属性
值
说明
ID
字符串/号码
类的唯一标识符
开始
日期
任务的开始日期
结束
日期
任务的结束日期
名称
串
要 显示 的任务 名称
颜色(可选)
串
要 显示 的任务的颜色
数据定义的示例:
let data=[ {id:1,start:new Date(),end:new Date()+1,name:'Demo Task 1'},
{id:2,name:'Demo Task 2'}]
GitHub: https://github.com/guiqui/react-timeline-gantt
网站描述: 用于 显示 和管理日历甘特图的react组件
react-timeline-gantt官方网站
官方网站:
如果觉得 网站内容还不错,欢迎将 网站 推荐给程序员好友。
查看更多关于react-timeline-gantt的详细内容...
声明:本文来自网络,不代表【好得很程序员自学网】立场,转载请注明出处:http://haodehen.cn/did174838