一个简单的甘特图 React 组件封装 gantt-for-react
Github 地址:gantt-for-react
Frappe Gantt components for React wrapper.
1. install
npm install gantt-for-react
2. usage
Online demo see http://git.hust.cc/gantt-for-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} />
Or you can see the code here.
3. component props
tasks
(required, array)
The tasks array need to be show with gantt graph.
viewMode
(required, string)
The view mode of gantt. Can be Quarter Day, Half Day, Day, Week, Month.
customPopupHtml
(optional, func)
The popo html function, can be a function that returns html or a simple html string.
And** 4 event function props**: onClick
, onDateChange
, onProgressChange
, onViewChange
. Document can see here.
4. LICENSE
MIT @hustcc