• What is KendoReact
  • Getting Started
  • Server Components
  • Components
    • Animation
    • Barcodes
    • Buttons
    • Chartsupdated
    • Common Utilities
    • Conversational UIupdated
    • Data Gridupdated
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Formupdated
    • Ganttupdated
    • Gauges
    • Indicators
    • Inputsupdated
    • Labels
    • Layoutupdated
    • ListBox
    • ListView
    • Map
    • Notification
    • OrgChartnew
    • PDF Processing
    • PDFViewer
    • PivotGrid
    • Popup
    • Progress Bars
    • Ripple
    • Scheduler
    • ScrollView
    • Sortable
    • Spreadsheetupdated
    • TaskBoard
    • Tooltips
    • TreeList
    • TreeViewupdated
    • Upload
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • Updates
  • Troubleshooting

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.

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: