jingrow/gantt
1
0
Fork 0
Code Pull Requests Activity

Adding CSS file and options example

Browse Source
This commit is contained in:
Kostas Minaidis 2018-05-29 20:20:18 +03:00 committed by GitHub
parent 45d218994d
commit e2a9185dac
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 19 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
README.md
View File

@ -21,9 +21,10 @@ npm install frappe-gantt
``` ```
### Usage ### Usage
Include it in your html: Include it in your HTML:
``` ```
<script src="frappe-gantt.min.js"></script> <script src="frappe-gantt.min.js"></script>
<link rel="stylesheet" href="frappe-gantt.css">
``` ```
And start hacking: And start hacking:
@ -43,6 +44,23 @@ var tasks = [
var gantt = new Gantt("#gantt", 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: If you want to contribute:
1. Clone this repo. 1. Clone this repo.