Skip to content

cristiancporto/gantt

This branch is 6 commits ahead of, 280 commits behind frappe/gantt:master.

Folders and files

NameName
Last commit message
Last commit date

Latest commit

5ce4584 · Mar 10, 2020

History

90 Commits
Mar 10, 2020
Mar 10, 2020
Mar 9, 2020
Mar 9, 2020
Feb 17, 2018
Jan 28, 2017
Feb 17, 2018
Nov 24, 2019
Sep 23, 2018
Dec 29, 2016
Mar 9, 2020
Mar 9, 2020
Mar 9, 2020

Repository files navigation

Frappe Gantt

A simple, interactive, modern gantt chart library for the web

View the demo »

Install

npm install frappe-gantt

Usage

Include it in your HTML:

<script src="frappe-gantt.min.js"></script>
<link rel="stylesheet" href="frappe-gantt.css">

And start hacking:

var tasks = [
  {
    id: 'Task 1',
    name: 'Redesign website',
    start: '2016-12-28',
    end: '2016-12-31',
    progress: 20,
    dependencies: 'Task 2, Task 3',
    custom_class: 'bar-milestone' // optional
  },
  ...
]
var gantt = new Gantt("#gantt", tasks);

You can also pass various options to the Gantt constructor:

var gantt = new 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:

  1. Clone this repo.
  2. cd into project directory
  3. yarn
  4. yarn run dev

License: MIT


Project maintained by frappe

About

Open Source Javascript Gantt

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 93.8%
  • CSS 3.4%
  • HTML 2.8%