• Introduction
  • Getting Started
  • Vue 2 End of Support
  • Vue Wrappers End of Life
  • Native Components
    • Animation
    • Buttons
    • Chartsupdated
    • Conversational UI
    • Data Tools
    • Date Inputs
    • Dialogs
    • Drawing
    • Dropdowns
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gauges
    • Gridupdated
    • Icons
    • Indicators
    • Inputsupdated
    • Labels
    • Layout
    • ListBox
    • ListView
    • Notification
    • PDF Processing
    • Popup
    • Progress Bars
    • Scheduler
    • ScrollView
    • Tooltip
    • TreeList
    • TreeView
    • Upload
  • Wrapper Components
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • FAQ
  • Troubleshooting
New to Kendo UI for Vue? Start a free 30-day trial

Export

The Gauges supports image, PDF, and SVG export by utilizing the Kendo UI for Vue 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.

Example
View Source
Change Theme:

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.

Example
View Source
Change Theme:

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.

Example
View Source
Change Theme: