LinearGaugeComponent
Represents the Kendo UI LinearGauge component for Angular.
import { Component } from '@angular/core';
@Component({
selector: 'my-app',
template: `
<kendo-lineargauge [pointer]="{ value: value }">
</kendo-lineargauge>
`
})
class AppComponent {
public value: number = 10;
}
Selector
kendo-lineargauge
Export Name
Accessible in templates as #kendoLinearGaugeInstance="kendoLinearGauge"
Inputs
gaugeArea
Specifies options for the Gauge area.
pointer
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
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
.