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,实用配置文档可以直接参考这个即可。