Skip to content
DayPilot

Resource Utilization Chart Tutorials

Vue Scheduler: Availability/Utilization Histogram

Vue Scheduler: Availability/Utilization Histogram

How to calculate resource utilization percentage and display a histogram at the top of the Vue Scheduler component.
JavaScript Scheduler: Column Summary and Availability Chart

JavaScript Scheduler: Column Summary and Availability Chart

How to display a column summary with resource utilization and availability details in the JavaScript Scheduler component. The utilization is also displayed using a bar chart at the bottom of the Scheduler grid.
Angular Scheduler: Resource Utilization Chart

Angular Scheduler: Resource Utilization Chart

How to calculate resource utilization for time slots and show a bar chart in a fixed row displayed at the top of the Angular Scheduler component.
JavaScript Scheduler: Resource Utilization Chart for Rows

JavaScript Scheduler: Resource Utilization Chart for Rows

How to dynamically calculate the utilization percentage for each resource and display a chart with utilization details in the Scheduler row headers.
JavaScript Scheduler: Displaying Group Availability

JavaScript Scheduler: Displaying Group Availability

How to show availability of child resources using color bars in the JavaScript Scheduler component.
JavaScript Scheduler: How to Show Summary Columns on the Right

JavaScript Scheduler: How to Show Summary Columns on the Right

How to display a special column with summary data on the right side of the JavaScript Scheduler grid.