Export Diagram

Question

When i export the diagram to image, it is showing very small

Gowtham Gunashekar · Answer

Hi Vin, 
 
Greetings from Syncfusion. 
On further analysis of the shared details, we suspect that you have set the small pageWidth and pageHeight for the export setting, that why you got a very small diagram image. We suggest you set the 1000, 2000 as the pageWidth and pageHeight of the export setting to get the large image with more clarity. We have added the suggested change in the sample below for your references. 
 
Code snippet: 
 




  public onselect(args: MenuEventArgs): void { 
    let exportOptions: IExportOptions = {}; 
    exportOptions.format = args.item.text as FileFormats; 
    exportOptions.mode = 'Download'; 
    exportOptions.region = 'PageSettings'; 
    exportOptions.multiplePage = this.multiplePage; 
    exportOptions.fileName = 'Export'; 
    exportOptions.pageHeight = 1000; 
    exportOptions.pageWidth = 3000; 
    this.diagram.exportDiagram(exportOptions); 
  } 
 
Sample link: https://stackblitz.com/edit/angular-rmtf4w 
Documentation for the export diagram: https://ej2.syncfusion.com/angular/documentation/diagram/export/#exporting-options 
 
Please let us know if you have any concern about the above sample.  
 
Regards, 
Gowtham.