This is a migrated thread and some comments may be shown as answers.

KENDO: Angular Export chart without rendering

5 Answers 126 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Chaitra
Top achievements
Rank 1
Chaitra asked on 10 Aug 2018, 09:53 AM
I am using kendo chart , Now I want to export the kendo-chart without renedering - I found one similar querion but it is for silverlight https://www.telerik.com/forums/export-chartview-without-rendering. Any way around to achive kendo-angular-chart export without rendering.
Thanks

5 Answers, 1 is accepted

Sort by
0
Svet
Telerik team
answered on 14 Aug 2018, 05:13 AM
Hi Chaitra,

The PDF Export component does not support the export of Charts and Gauges currently. This is documented in the following article from our documentation:
https://www.telerik.com/kendo-angular-ui/components/drawing/limitations-browser-support/

The Drawing library provides options for exporting content to PDF. Check the following article for more details:
https://www.telerik.com/kendo-angular-ui/components/drawing/pdf-output/

Let me know in case I can provide any additional information on this case.

Regards,
Svetlin
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
0
Chaitra
Top achievements
Rank 1
answered on 12 Sep 2018, 06:30 AM
Thanks,

Currently I tried with kendo-export pdf option. By rendering it in to hidden div.
0
Svet
Telerik team
answered on 13 Sep 2018, 10:29 AM
Hi Chaitra,

I am not sure, that I understand the last response. Please provide some more details in case further assistance is required for this case. Thank you in advance.

Regards,
Svetlin
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
0
Chaitra
Top achievements
Rank 1
answered on 14 Sep 2018, 05:52 AM

Hi, 

I have gone through the links you provided.  There we need to add path like

const group = new Group();

group.append(path, text);

const options = <PDFOptions>{ paperSize: "A5", landscape: true };

exportPDF(group, options).then((data) => { saveAs(data, "scene.pdf"); });

How I can Add the chart (instead of hello world) similar way I didnt got any similar example. 

So currently I reffered the 

https://www.telerik.com/kendo-angular-ui/components/pdfexport/hidden-content/

Hidden div example and Implimented. 

Once I got any example related to rendering chart. I will try to implement the same.

Thanks a lot for the support. 

0
Svet
Telerik team
answered on 17 Sep 2018, 11:36 AM
Hi Chaitra,

I modified the provided example in the referenced article:
https://www.telerik.com/kendo-angular-ui/components/pdfexport/hidden-content/

to export a chart. Check the updated stack blitz example at the following link:
https://stackblitz.com/edit/angular-i8xpv6?file=app/app.component.ts

I hope this helps. Let me know in case further assistance is required for this case. 

Regards,
Svetlin
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Tags
General Discussions
Asked by
Chaitra
Top achievements
Rank 1
Answers by
Svet
Telerik team
Chaitra
Top achievements
Rank 1
Share this question
or