• 请不要在回答技术问题时复制粘贴 AI 生成的内容
50vip
V2EX  ›  程序员

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

  •  
  •   50vip · Feb 15, 2017 · 6260 views
    This topic created in 3384 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
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   2201 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 00:37 · PVG 08:37 · LAX 17:37 · JFK 20:37
    ♥ Do have faith in what you're doing.