• Getting Started
  • Components
    • Barcodes
    • Buttons
    • Chartsupdated
    • Conversational UIupdated
    • Data Query
    • Date Inputsupdated
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Filter
    • Gantt
    • Gauges
    • Gridupdated
    • Icons
    • Indicators
    • Inputsupdated
    • Labels
    • Layout
    • ListBox
    • ListView
    • Map
    • Menus
    • Navigation
    • Notification
    • Pager
    • PDF Export
    • PDFViewer
    • PivotGridupdated
    • Popup
    • ProgressBars
    • Ripple
    • Schedulerupdated
    • ScrollView
    • Sortable
    • Spreadsheetupdated
    • ToolBar
    • Tooltips
    • TreeList
    • TreeView
    • Typography
    • Uploads
    • Utilities
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Sample Applications
  • FAQ
  • Troubleshooting
  • Updates
  • Changelogs
New to Kendo UI for Angular? Start a free 30-day trial

RadialGaugeComponent

Represents the Kendo UI RadialGauge component for Angular.

import { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  template: `
     <kendo-radialgauge [pointer]="{ value: value }">
     </kendo-radialgauge>
  `
})
class AppComponent {
  public value: number = 10;
}

Selector

kendo-radialgauge

Export Name

Accessible in templates as #kendoRadialGaugeInstance="kendoRadialGauge"

Inputs

NameTypeDefaultDescription

gaugeArea

GaugeArea

Specifies options for the Gauge area.

pointer

RadialPointer | RadialPointer[]

The configuration of the pointers.

renderAs

"canvas" | "svg"

Specifies the output type.

resizeRateLimit

number

The maximum number of times the Gauge resizes per second. Defaults to 10. To disable the automatic resizing, set resizeRateLimit to 0.

scale

RadialScale

The configuration of the scale.

transitions

boolean

Specifies if the changes will be animated.

Methods

exportImage

Exports the Gauge as an image. The export operation is asynchronous and returns a promise.

Parameters

options

ImageExportOptions

The parameters for the exported image.

Returns

Promise<string>

  • A promise that will be resolved with a PNG image that is encoded as a Data URI.

exportSVG

Exports the Gauge as an SVG document. The export operation is asynchronous and returns a promise.

Parameters

options

SVGExportOptions

The parameters for the exported file.

Returns

Promise<string>

  • A promise that will be resolved with an SVG document that is encoded as a Data URI.

exportVisual

Exports the Gauge as a Drawing Scene.

Returns

Promise<Group>

  • A promise that will be resolved with the export visual.

resize

Detects the size of the container and redraws the Gauge. Resizing is automatic unless you set the resizeRateLimit option to 0.