A quick-start project that helps you allocate one or more resources to tasks in the Vue Gantt Chart component based on the task requirement. This project also contains a code snippet to view the list of tasks assigned to each resource hierarchically and to enable multiple taskbars.
Refer to the following documentation to learn about resource allocation in the Syncfusion Vue Gantt Chart component: https://helpej2.syncfusion.com/vue/documentation/gantt/resources
Refer to the following documentation to learn about resource view in the Syncfusion Vue Gantt Chart component: https://helpej2.syncfusion.com/vue/documentation/gantt/resource-view
Check out this online example of resource allocation in the Vue Gantt Chart component: https://ej2.syncfusion.com/vue/demos/#/material/gantt/resource-allocation.html
Check out this online example of the resource view in the Vue Gantt Chart component: https://ej2.syncfusion.com/vue/demos/#/material/gantt/resource-view.html
Check out this online example of the resource multi taskbar in the Vue Gantt Chart component: https://ej2.syncfusion.com/vue/demos/#/material/gantt/resource-multi-taskbar.html
Refer to the following Syncfusion Vue Gantt Chart Getting Started video: https://www.youtube.com/watch?v=S1GbWmVcre0
Make sure that you have the latest versions of Vue, Node, Vue Class Component, and Visual Studio Code in your machine before starting to work on this project.
To run this application, you need to clone the resource-allocation-and-task-breakdown-in-vue-gantt-chart
repository and then open it in Visual Studio Code. Now, simply install all the necessary react packages into your current project using the npm install
command and run your project using the npm run serve
command.