基于React的资源甘特图组件设计与实现

React-Based Design and Implementation of Resource Gantt Chart Component

资源甘特图是高级计划和排程(advance planning and scheduling,APS)系统中最为重要的核心组件之一,现有的商用或开源的甘特图组件主要面向项目管理,无法直接用于APS系统.文章对资源甘特图的需求进行详细分析,并基于主流前端框架React进行架构设计,实现的RGantt组件在满足商用APS系统对于任务呈现和调整的需求基础上,性能不低于同类面向项目管理的甘特图组件,其成果在商业APS中得到验证和应用.

Resource Gantt chart is one of the most important core components in the Advanced Planning and Scheduling(APS)system.The existing commercial or open source Gantt chart components are mainly for project management and cannot be directly used in the APS system.This paper analyzes the requirements of the resource Gantt chart in detail,and designs the architecture based on the mainstream front-end framework React.The implemented RGantt component meets the requirements of the commercial APS system for task presentation and adjustment,and its performance is not lower than that of similar project management-oriented Gantt chart component,the results of which have been verified and applied in the commercial APS.