New to Kendo UI for Angular? Start a free 30-day trial

Export Options

The Angular Chart provides built-in support for Image, PDF, and SVG export.

As a result, you can send a Base64-encoded file to a service or save it on the client machine by using the File Saver package.

The Chart supports the following options:

Exporting to Images

The following example demonstrates how to save the Angular Chart as a PNG image by using the exportImage method.

Example
View Source
Change Theme:

By default, the exported image is of the same size as the Chart DOM element. If required, you can export the file to a different resolution. If you change the image size, the image quality will not be affected because the rendering of the Chart is based on vector graphics.

Example
View Source
Change Theme:

Exporting to Drawing Visuals

The exportVisual method returns a Drawing scene which you can further process.

The following example demonstrates how to export the Chart as a Drawing visual scene by using the exportVisual method.

Example
View Source
Change Theme:

Exporting to PDF

The exportPDF method from the Drawing library takes a visual element and produces a PDF file out of it.

Saving Charts in PDF

The following example demonstrates how to save the Angular Chart as a PDF file by using the exportPDF method.

Example
View Source
Change Theme:

Fitting Charts to Paper Size

If the rendered Chart is bigger than the exported PDF paper size, then the Chart is clipped. To avoid this behavior, either:

  • Set the exportVisual size, or
  • Scale the drawing element, which is returned by the exportVisual method.

The following example demonstrates how to fit the exported Chart to the paper size of the PDF file.

Example
View Source
Change Theme:

Exporting to SVG

The following example demonstrates how to save the Chart as an SVG file by using the exportSVG method.

Example
View Source
Change Theme: