Blazor Gantt Chart Example - Resource Allocation Management
ID | Event Name | Event Resources | Work (Hours) | Duration | Task Type | Start Date | End Date |
|---|
| 1 | Project initiation | 144 Hours | 4 days | FixedDuration | 3/29/2021 | 4/1/2021 | |
| 2 | Identify site location | Martin Tamer [70%], Van Jack | 32 Hours | 2 days | FixedDuration | 3/29/2021 | 3/30/2021 |
| 3 | Perform soil test | Rose Fuller, Margaret Buchanan, Van Jack | 96 Hours | 4 days | FixedWork | 3/29/2021 | 4/1/2021 |
| 4 | Soil test approval | Jack Davolio, Tamer Vinet | 16 Hours | 1 day | FixedWork | 3/29/2021 | 3/29/2021 |
| 5 | Project estimation | 138 Hours | 6.75 days | FixedDuration | 3/29/2021 | 4/6/2021 | |
| 6 | Develop floor plan for estimation | Fuller King | 30 Hours | 3.75 days | FixedWork | 3/29/2021 | 4/1/2021 |
| 7 | List materials | Fuller King, Jack Davolio | 48 Hours | 3 days | FixedWork | 4/1/2021 | 4/5/2021 |
| 8 | Estimation approval | Construction Supervisor, Davolio Fuller | 60 Hours | 3.75 days | FixedWork | 4/1/2021 | 4/6/2021 |
| 9 | Sign contract | Construction Supervisor, Davolio Fuller | 24 Hours | 1.5 days | FixedWork | 3/31/2021 | 4/1/2021 |
| 10 | Electrical layout design | Electrical Engineer | 40 Hours | 4 days | FixedWork | 4/2/2021 | 4/7/2021 |
| 11 | HVAC system planning | Mechanical Lead | 48 Hours | 5.4 days | FixedWork | 4/5/2021 | 4/12/2021 |
| 12 | Architectural drawing review | Architectural Consultant | 32 Hours | 3 days | FixedWork | 4/5/2021 | 4/7/2021 |
| 13 | On-site inspection | Site Inspector | 24 Hours | 1.8 days | FixedWork | 4/5/2021 | 4/6/2021 |
Mar 28, 2021 | Apr 04, 2021 | Apr 11, 2021 | Apr 18, 2021 | Apr 25, 2021 | May 02, 2021 | May 09, 2021 | May 16, 2021 | May 23, 2021 | May 30, 2021 | Jun 06, 2021 | Jun 13, 2021 | Jun 20, 2021 | Jun 27, 2021 | Jul 04, 2021 | Jul 11, 2021 | Jul 18, 2021 | Jul 25, 2021 |
S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T |
This sample demonstrates resource allocation in the Blazor Gantt Chart. Tasks can be assigned to one or many resources based on work requirements, and the total work (labor hours) remains in sync with duration and unit changes.
Editing a task opens resource pickers that draw from a predefined roster. Assigned resource identifiers flow into the resource assignment collection, and labels are surfaced inside the timeline using LabelSettings property.
Configure resource metadata through the GanttResource component with the following properties:
Id� Maps the resource ID.Name� Maps the resource name.MaxUnits� Defines the maximum allocation units for a resource.DataSource� Specifies the data source for resource mapping.
Resource assignments are linked through GanttAssignmentFields component with the following properties:
PrimaryKey� Maps the primary key field.TaskID� Maps the task identifier.ResourceID� Maps the resource identifier.DataSource� Specifies the data source for resource assignment mapping.
Work, duration, and units remain interdependent unless you fix one of them using
TaskType property of GanttTaskFields:
FixedDuration� The duration task field will remain constant while updating resource units or the work field.FixedWork� The work field will remain constant while updating resource units or duration fields.FixedUnit� Resource units will remain constant while updating duration or work fields.
Map Work directly from the data source through the Work property of GanttTaskFields. The component automatically recalculates finish dates using the defined work and unit values. Adjust the measurement scale (hours, days, or minutes) via the WorkUnit property.
The toolbar provides built-in options for add, update, delete, expand, and collapse operations, enabling interactive task management.
For further details, refer to the documentation.