Merge pull request #79 from PlethoraLabs/master

Adding CSS file and options example in README.md
This commit is contained in:
Rushabh Mehta 2018-06-13 14:07:51 +05:30 committed by GitHub
commit a7e61db72f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -21,9 +21,10 @@ npm install frappe-gantt
```
### Usage
Include it in your html:
Include it in your HTML:
```
<script src="frappe-gantt.min.js"></script>
<link rel="stylesheet" href="frappe-gantt.css">
```
And start hacking:
@ -43,6 +44,23 @@ var tasks = [
var gantt = new Gantt("#gantt", tasks);
```
You can also pass various options to the Gantt constructor:
```js
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.