react-timeline-gantt

react-timeline-gantt 介绍

react-timeline-gantt是一个用于显示和管理日历甘特图的组件。它使用虚拟渲染来有效地做出反应。

该组件能够：

可处理10万条记录。

无限日历滚动

三种缩放级别：日，周，月

完全可定制。

支持所有CRUD操作。

任务和链接的创建。

支持分页。

可以轻松地与Redux集成

安装

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

官方网站：