\n\n### Install\n\n```\nnpm install frappe-gantt\n```\n\n### Usage\n\nInclude it in your HTML:\n\n```\n\n\n```\n\nOr from the CDN:\n```\n\n\n```\nAnd start hacking:\n\n```js\nvar tasks = [\n {\n id: 'Task 1',\n name: 'Redesign website',\n start: '2016-12-28',\n end: '2016-12-31',\n progress: 20,\n dependencies: 'Task 2, Task 3',\n custom_class: 'bar-milestone' // optional\n },\n ...\n]\nvar gantt = new Gantt(\"#gantt\", tasks);\n```\n\nYou can also pass various options to the Gantt constructor:\n\n```js\nvar gantt = new Gantt('#gantt', tasks, {\n header_height: 50,\n column_width: 30,\n step: 24,\n view_modes: ['Quarter Day', 'Half Day', 'Day', 'Week', 'Month'],\n bar_height: 20,\n bar_corner_radius: 3,\n arrow_curve: 5,\n padding: 18,\n view_mode: 'Day',\n date_format: 'YYYY-MM-DD',\n language: 'en', // or 'es', 'it', 'ru', 'ptBr', 'fr', 'tr', 'zh', 'de', 'hu'\n popup: null,\n});\n```\n\nYou can add `dark` class to the container element to apply dark theme.\n\n```html\n\n```\n\n### Contributing\n\nIf you want to contribute enhancements or fixes:\n\n1. Clone this repo.\n2. `cd` into project directory\n3. `yarn`\n4. `yarn run dev`\n5. Open `index.html` in your browser, make your code changes and test them.\n\n### Publishing\n\nIf you have publishing rights (Frappe Team), follow these steps to publish a new version.\n\nAssuming the last commit (or a couple of commits) were enhancements or fixes,\n\n1. Run `yarn build`\n\n This will generate files in the `dist/` folder. These files need to be committed.\n\n1. Run `yarn publish`\n1. Type the new version at the prompt\n\n Depending on the type of change, you can either bump the patch version or the minor version.\n For e.g.,\n\n ```\n 0.5.0 -> 0.6.0 (minor version bump)\n 0.5.0 -> 0.5.1 (patch version bump)\n ```\n\n1. Now, there will be a commit named after the version you just entered. Include the generated files in `dist/` folder as part of this commit by running the command:\n ```\n git add dist\n git commit --amend\n git push origin master\n ```\n\nLicense: MIT\n\n---\n\nProject maintained by [frappe](https://github.com/frappe)\n","readmeFilename":"README.md"}
![](\"https://github.com/frappe/design/blob/master/logos/logo-2019/frappe-gantt-logo.png\"){kind=logo}
\n ![](\"https://cloud.githubusercontent.com/assets/9355208/21537921/4a38b194-cdbd-11e6-8110-e0da19678a6d.png\")
\n \n