封装一个开源的甘特图 react 组件

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

For Existing Member Sign In

• 请不要在回答技术问题时复制粘贴 AI 生成的内容

This topic created in 3368 days ago, the information mentioned may be changed or developed.

github 地址：https://github.com/hustcc/gantt-for-react

示例地址：http://git.hust.cc/gantt-for-react

因为目前项目中，需要一个查看当前正在做的所有任务，利用甘特图来显示的一个非常不错的做法。但是 github 上已有的 react 甘特图组件太丑了。所以自己封装了一个。目前使用情况良好。

使用很简单：

import React from 'react';
import ReactGantt from 'gantt-for-react';

<ReactGantt 
    tasks={this.getTasks()} 
    viewMode={this.state.viewMode}

    onClick={this._func} 
    onDateChange={this._func}
    onProgressChange={this._func}
    onViewChange={this._func} 
    customPopupHtml={this._html_func} />

原始的甘特图库是 https://github.com/frappe/gantt，实用配置文档可以直接参考这个即可。

No Comments Yet

func 甘特图 this React