Gantt Chart Freezing During PDF Export with 200 Records When isFitToWidth is Disabled

Dear Syncfusion Support Team,

I am reaching out to report a performance issue we are encountering with the Syncfusion Angular Gantt component.

We have a Gantt chart displaying over 200 records. When we initiate a PDF export with the isFitToWidth option set to false, the application becomes unresponsive. The UI freezes completely during the export process, and no visual feedback or loading indicator is shown. Although the PDF eventually downloads in some cases, the lack of responsiveness causes concern, and in some scenarios, the export does not complete at all.

Please advise on how we can improve performance or prevent UI freeze during large Gantt PDF exports.

Thank you for your support.

Best regards,
Thakur Prabhat


Attachment: ganttchart_c3b539c7.zip

1 Reply

AG Ajithkumar Gopalakrishnan Syncfusion Team July 2, 2025 01:39 PM UTC

Hi Prabhat,

Greetings from Syncfusion Support,

We have validated the reported issue on our end. A sample was prepared and tested using the shared Gantt chart configuration. We were able to replicate the issue when exporting 200 records to PDF. During export, the Gantt chart becomes unresponsive and shows a delay message. This occurs because the export process generates a timeline-based layout across multiple pages, which takes time to render and export.

Currently, it is not possible to restrict the timeline range during PDF export. However, to reduce export time, we recommend reducing the page size. This will decrease the number of pages generated, and as a result, the export will complete faster.

For example, using a smaller pageSize (like 'A0') significantly reduces the export time for 200 records to just a few seconds. Please refer to the following code snippet and the attached sample:

<ejs-gantt #gantt id="SplitTasks"  [toolbar]="toolbar" (toolbarClick)="toolbarClick($event)"

           ...

           [allowPdfExport]="true"

           >

</ejs-gantt>

toolbarClick(args?: any): void {

   if (args.item.id === "SplitTasks_pdfexport") {

    let exportProperties: PdfExportProperties = {

        pageSize : 'A0'

    };

    this.ganttObj.pdfExport(exportProperties);

    }

}


Sample link: https://stackblitz.com/edit/scxslmno-ivj297eh?file=src%2Fapp.component.html,src%2Fapp.component.ts,src%2Fdata.ts

For more information, you may refer to the following link:

https://ej2.syncfusion.com/angular/documentation/gantt/pdf-export/customize-pdf-export#how-to-change-page-size

If you have any further questions or need additional assistance, please feel free to let us know!


Regards,
Ajithkumar G


Loader.
Up arrow icon