Install:
npm install js-gantt-chart
Usage:
Include it in your HTML:
<script src="gantt-chart.min.js"></script>
<link rel="stylesheet" href="gantt-chart.css">
Example:
var tasks = name: 'Task Level 1' start: '2019-06-01' end: '2019-08-10' level: 0 progress: 10 overdue: false taskList: start: '2019-06-05' end: '2019-07-01' name: 'Subtask 1' id: 'Task 1' progress: 5 level: 1 overdue: false start: '2019-06-01' end: '2019-06-15' name: 'Subtask 2' id: 'Task 2' progress: 100 level: 2 overdue: false start: '2019-06-01' end: '2019-06-15' name: 'Subtask 3' id: 'Task 2' progress: 100 level: 3 overdue: false ...var gantt = "#gantt" tasks;
You can also pass various options to the Gantt constructor:
var gantt = "#gantt" tasks header_height: 50 column_width: 30 step: 24 view_modes: 'Quarter Day' 'Half Day' 'Day' 'Week' 'Month' bar_height: 20 bar_corner_radius: 3 arrow_curve: 5 padding: 18 view_mode: 'Day' date_format: 'YYYY-MM-DD' custom_popup_html: null;
If you want to contribute:
- Clone this repo.
cd
into project directoryyarn
yarn run dev
License: MIT
The Original Project is maintained by frappe