Example of Big Data Set in Blazor Gantt Chart Component
This sample demonstrates the Gantt Chart's capability to handle large data sets, such as 50,000 records. In this sample, only the parent records are loaded initially. The child records are rendered on demand when a parent record is expanded.
ID | Name | Start Date | End Date | Duration | Dependency |
|---|
| No records to display |
Load-on-demand and virtualization support are utilized to render a large number of tasks in the Gantt Chart while ensuring effective performance. In this demo, row virtualization is enabled with remote data binding, handling 50,000 records.
With the virtualization feature enabled for remote data binding, only the root-level records are fetched from the remote server during the initial load. Therefore, it's essential to set the HasChildMapping property of the GanttTaskFields to indicate which records have child records.
Upon expanding the root parent node, the child records will be fetched from the remote server. As the user scrolls vertically, tasks are dynamically retrieved from the remote server and updated in the DOM according to the current viewport position.