hustcc / Gantt For React
Licence: mit
🌿 Frappe Gantt components for React wrapper. 一个简单的甘特图 React 组件封装。
Stars: ✭ 250
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Gantt For React
Gantt
GPL version of Javascript Gantt Chart
Stars: ✭ 653 (+161.2%)
Mutual labels: project-management, gantt, gantt-chart
Gantt Elastic
Gantt Chart [ javascript gantt chart, gantt component, vue gantt, vue gantt chart, responsive gantt, project manager , vue projects ]
Stars: ✭ 869 (+247.6%)
Mutual labels: project-management, gantt, gantt-chart
Openproject
OpenProject is the leading open source project management software.
Stars: ✭ 5,337 (+2034.8%)
Mutual labels: project-management, gantt, gantt-chart
Ganttproject
Official GanttProject repository
Stars: ✭ 538 (+115.2%)
Mutual labels: project-management, gantt-chart
Zmjganttchart
Full configurable spreadsheet view user interfaces for iOS applications. With this framework, you can easily create complex layouts like schedule, gantt chart or timetable as if you are using Excel.
Stars: ✭ 301 (+20.4%)
Mutual labels: gantt, gantt-chart
stacked-gantt
JQuery Gantt-like chart with stacked activities/tasks, providing conciser information.
Stars: ✭ 19 (-92.4%)
Mutual labels: gantt-chart, gantt
Leantime
Leantime is a lean project management system for innovators. Designed to help you manage your projects from ideation to delivery.
Stars: ✭ 702 (+180.8%)
Mutual labels: project-management, gantt
Jquery Gantt
🌈 Lightweight jQuery gantt plugin.
Stars: ✭ 193 (-22.8%)
Mutual labels: gantt, gantt-chart
Actionview
An issue tracking tool based on laravel+reactjs for small and medium-sized enterprises, open-source and free, similar to Jira.
Stars: ✭ 1,357 (+442.8%)
Mutual labels: project-management, gantt
ganttchart generator
Google spreadsheet add-on which allows users to create a gantt chart automatically
Stars: ✭ 84 (-66.4%)
Mutual labels: project-management, gantt-chart
ganttlab
A live Gantt chart for GitLab and GitHub
Stars: ✭ 30 (-88%)
Mutual labels: gantt-chart, gantt
ganttchart
The Winforms Gantt Chart is the .NET Winforms control originally hosted on CodePlex (http://ganttchart.codeplex.com)
Stars: ✭ 150 (-40%)
Mutual labels: gantt-chart, gantt
vue-frappe-gantt-demo
No description or website provided.
Stars: ✭ 24 (-90.4%)
Mutual labels: gantt-chart, gantt
React Google Charts
A thin, typed, React wrapper over Google Charts Visualization and Charts API.
Stars: ✭ 944 (+277.6%)
Mutual labels: gantt, gantt-chart
Angular Gantt
Gantt chart component for AngularJS
Stars: ✭ 1,407 (+462.8%)
Mutual labels: gantt, gantt-chart
gantt-for-react
Frappe Gantt component for React wrapper.
1. Install
npm install --save gantt-for-react
2. Usage
Online demo see https://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. task is an object with format: { id, name, start, end, progress, dependencies, custom_class }.
-
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. Screenshot
5. LICENSE
MIT @hustcc
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].