Resource Utilization Chart Tutorials

JavaScript Scheduler: Displaying Group Availability

How to show availability of child resources using color bars in the JavaScript Scheduler component.

Jun 25, 2024

Vue Scheduler: Availability/Utilization Histogram

How to calculate resource utilization percentage and display a histogram at the top of the Vue Scheduler component.

vuejs scheduler utilization availability javascript composition-api vue3

Jun 25, 2024

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.

javascript scheduler summary utilization availability

Aug 11, 2021

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.

angular angular12 scheduler frozen utilization availability typescript

Jul 30, 2021

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.

javascript scheduler frozen utilization availability

Oct 26, 2020

Articles 1-5 of 5

Products

Resources

Tools

About Us

Contact

DayPilot Pro

HTML5 event calendar/scheduling components. Available for JavaScript/Angular/React/Vue, ASP.NET, ASP.NET MVC. Build resource booking, project management, time tracking applications, personal and shared event calendars.