Example of undefined in React Gantt Component

All Controls
/
Gantt
/
AdvancedExporting

This sample demonstrates the advanced PDF export features of the Gantt Chart, allowing customization of various elements such as headers, footers, task labels, event markers, holidays, and taskbars. These customizations can be configured using the pdfExportProperties and pdfQueryTaskbarInfo event.

More Details...

Loading....
Description

In this sample, the Gantt Chart's PDF export functionality is enhanced with various customization options:

  • Custom Headers and Footers: The headers and footers in the exported PDF can be customized using the header and footer properties,which allowing us to include relevant information of exported PDF.
  • Taskbar and Task Label Styling:Taskbar and Task Label appearance can be customized in the exported PDF using the pdfQueryTaskbarInfoEvent.
  • Event marker and holiday:Event marker and holiday can be cusotmized in exported PDF using ganttstyle in pdfExportProperties.
  • Fit-to-Width Support: This feature allows the Gantt component's rows to be auto-fitted to the width of the PDF document's page using the fitToWidthSettings in pdfExportProperties.

More information about advanced PDF exporting features in Gantt can be found in the documentation section.

Injecting Module:

To use PDF export feature, we need to inject pdfExport module into the services.