New to KendoReactStart a free 30-day trial

Export

The Gauges supports image, PDF, and SVG export by utilizing the KendoReact Drawing library.

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 Gauges support the following export options:

Exporting to Images

The exportImage method from the Drawing library takes a visual element and produces an image file. To get the Gauge visual, use the exportVisual method which returns a Promise that is resolved with the Gauge visual.

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

Change Theme
Theme
Loading ...

Exporting to PDF

The exportPDF method from the Drawing library takes a visual element and produces a PDF file. To get the Gauge visual, use the exportVisual method which returns a Promise that is resolved with the Gauge visual.

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

Change Theme
Theme
Loading ...

Exporting to SVG

The exportSVG method from the Drawing library takes a visual element and produces an image file. To get the Gauge visual, use the exportVisual method which returns a Promise that is resolved with the Gauge visual.

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

Change Theme
Theme
Loading ...