4D Gantt Chart Example
npm install 4d-gantt-chartcode
npm install 4d-gantt
`
π Usage
Demo
You can see a live demo of the project here.
π License
πTODO
- [x] Modify task list to be a treetable. This should show heirarichal structure of the wbs and activities section 6 in the image
- [x] Automate the chart from and to date by getting them from data
- [x] Modify the data structure of tasks to be a list of tasks where a task is defined as
`
[
{id: 1, name:"Task 1", start: new Date("2022/1/1"), end: new Date("2022/3/1"), parent: null},
{id: 2, name:"Task 2", start: new Date("2022/2/1"), end: new Date("2022/3/1"), parent: 1}
]
`
- [x] Create current Date line to show with 4D simulation.
- [x] Make sections resizable i.e. the treetable and the chart area
- [x] Package could be publish to npmjs as a reusable package
- [x] Add events handlers on taskClicked
- [ ] Allow user to change timescale to years, months, weeks, days
- [ ] Allow for multiple themes or even colors setting during development
- [ ] Change the timescales to show either day, week, month or year
- [ ] Optimise performance for large schedules
- [ ] create toolbar to manupilate the Gantt chart with tools like collapse all, expand all, zoom in, zoom out, etc.
- [ ] Enable dynamic selection of columns
`
``