All Components

ArcGaugeComponent

The Arc Gauge root component.

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

@Component({
  selector: 'my-app',
  template: `
     <kendo-arcgauge [value]="value" [scale]="{ max: 100 }">
         <ng-template kendoArcGaugeCenterTemplate let-value="value">
             {{ value }}%
         </ng-template>
     </kendo-arcgauge>
  `
})
class AppComponent {
  public value: number = 10;
}

Selector

kendo-arcgauge

Export Name

Accessible in templates as #kendoArcGaugeInstance="kendoArcGauge"

Inputs

color string

The color of the value pointer. Accepts a valid CSS color string, including hex and rgb.

colors ColorRange[]

The color ranges of the value pointer.

gaugeArea GaugeArea

Specifies the output type.

opacity number

The opacity of the value pointer.

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 it to 0.

scale ArcScale

The scale options of the Gauge.

transitions boolean

Specifies if the changes will be animated.

value number

The Gauge value.

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 - 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 - 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 - A promise that will be resolved with the export visual.

onResize

Parameters

_event? any

resize

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

In this article