# Ignite UI for Angular Gauges latest — Full API Reference

> Complete API reference for the Ignite UI for Angular Gauges package (latest). This file lists all public classes, interfaces, enumerations, type aliases, functions, and variables with their signatures, parameters, and descriptions.

Platform: Angular
Package: igniteui-angular-gauges
Version: latest

## Classes

### [IgxAlignLinearGraphLabelEventArgs](https://www.infragistics.com/api/angular/igniteui-angular-gauges/latest/classes/IgxAlignLinearGraphLabelEventArgs)
Represents event argument for AlignLinearGraphLabel.

- **constructor**(): IgxAlignLinearGraphLabelEventArgs
- **height**: `number`
- **i**: `AlignLinearGraphLabelEventArgs`
- **offsetX**: `number`
- **offsetY**: `number`
- **width**: `number`

### [IgxAlignRadialGaugeLabelEventArgs](https://www.infragistics.com/api/angular/igniteui-angular-gauges/latest/classes/IgxAlignRadialGaugeLabelEventArgs)
Represents event argument for AlignRadialGaugeLabel.

- **constructor**(): IgxAlignRadialGaugeLabelEventArgs
- **height**: `number`
- **i**: `AlignRadialGaugeLabelEventArgs`
- **offsetX**: `number`
- **offsetY**: `number`
- **width**: `number`

### [IgxBulletGraphComponent](https://www.infragistics.com/api/angular/igniteui-angular-gauges/latest/classes/IgxBulletGraphComponent)
Represents a bullet graph.

- **constructor**(_renderer: Renderer2, _elRef: ViewContainerRef, _ngZone: NgZone, _componentFactoryResolver: ComponentFactoryResolver, _injector: Injector): IgxBulletGraphComponent
- **_dynamicContent**: `ViewContainerRef`
- **actualRanges**: `IgxLinearGraphRangeComponent[]` — The ranges actually present in the chart. Do not directly modify this array.
This array's contents can be modified by causing Angular to reproject the child content.
Or adding and removing ranges from the manual ranges collection on the ranges property.
- **contentRanges**: `QueryList<IgxLinearGraphRangeComponent>`
- static **ngAcceptInputType_actualHighlightValueDisplayMode**: `string | HighlightedValueDisplayMode`
- static **ngAcceptInputType_actualHighlightValueOpacity**: `string | number`
- static **ngAcceptInputType_actualMaximumValue**: `string | number`
- static **ngAcceptInputType_actualMinimumValue**: `string | number`
- static **ngAcceptInputType_actualPixelScalingRatio**: `string | number`
- static **ngAcceptInputType_animating**: `string | boolean`
- static **ngAcceptInputType_backingInnerExtent**: `string | number`
- static **ngAcceptInputType_backingOuterExtent**: `string | number`
- static **ngAcceptInputType_backingStrokeThickness**: `string | number`
- static **ngAcceptInputType_highlightValue**: `string | number`
- static **ngAcceptInputType_highlightValueDisplayMode**: `string | HighlightedValueDisplayMode`
- static **ngAcceptInputType_highlightValueOpacity**: `string | number`
- static **ngAcceptInputType_interval**: `string | number`
- static **ngAcceptInputType_isScaleInverted**: `string | boolean`
- static **ngAcceptInputType_labelExtent**: `string | number`
- static **ngAcceptInputType_labelFormatSpecifiers**: `string | any[]`
- static **ngAcceptInputType_labelInterval**: `string | number`
- static **ngAcceptInputType_labelsPostInitial**: `string | number`
- static **ngAcceptInputType_labelsPreTerminal**: `string | number`
- static **ngAcceptInputType_labelsVisible**: `string | boolean`
- static **ngAcceptInputType_maximumValue**: `string | number`
- static **ngAcceptInputType_mergeViewports**: `string | boolean`
- static **ngAcceptInputType_minimumValue**: `string | number`
- static **ngAcceptInputType_minorTickCount**: `string | number`
- static **ngAcceptInputType_minorTickEndExtent**: `string | number`
- static **ngAcceptInputType_minorTickStartExtent**: `string | number`
- static **ngAcceptInputType_minorTickStrokeThickness**: `string | number`
- static **ngAcceptInputType_orientation**: `string | LinearScaleOrientation`
- static **ngAcceptInputType_pixelScalingRatio**: `string | number`
- static **ngAcceptInputType_rangeBrushes**: `string | string[]`
- static **ngAcceptInputType_rangeInnerExtent**: `string | number`
- static **ngAcceptInputType_rangeOuterExtent**: `string | number`
- static **ngAcceptInputType_rangeOutlines**: `string | string[]`
- static **ngAcceptInputType_scaleBackgroundThickness**: `string | number`
- static **ngAcceptInputType_scaleEndExtent**: `string | number`
- static **ngAcceptInputType_scaleStartExtent**: `string | number`
- static **ngAcceptInputType_showToolTip**: `string | boolean`
- static **ngAcceptInputType_showToolTipTimeout**: `string | number`
- static **ngAcceptInputType_targetValue**: `string | number`
- static **ngAcceptInputType_targetValueBreadth**: `string | number`
- static **ngAcceptInputType_targetValueInnerExtent**: `string | number`
- static **ngAcceptInputType_targetValueOuterExtent**: `string | number`
- static **ngAcceptInputType_targetValueStrokeThickness**: `string | number`
- static **ngAcceptInputType_tickEndExtent**: `string | number`
- static **ngAcceptInputType_ticksPostInitial**: `string | number`
- static **ngAcceptInputType_ticksPreTerminal**: `string | number`
- static **ngAcceptInputType_tickStartExtent**: `string | number`
- static **ngAcceptInputType_tickStrokeThickness**: `string | number`
- static **ngAcceptInputType_transitionDuration**: `string | number`
- static **ngAcceptInputType_transitionProgress**: `string | number`
- static **ngAcceptInputType_value**: `string | number`
- static **ngAcceptInputType_valueInnerExtent**: `string | number`
- static **ngAcceptInputType_valueOuterExtent**: `string | number`
- static **ngAcceptInputType_valueStrokeThickness**: `string | number`
- static **ɵcmp**: `unknown`
- static **ɵfac**: `unknown`
- **actualHighlightValueDisplayMode**: `HighlightedValueDisplayMode` — Gets whether and how to display the highlighted value.
- **actualHighlightValueOpacity**: `number` — Gets the actual opacity of the primary needle while highlighting
- **actualMaximumValue**: `number` — Gets the resolved maximum value of the scale.
- **actualMaximumValueChange**: `EventEmitter<number>`
- **actualMinimumValue**: `number` — Gets the resolved minimum value of the scale.
- **actualMinimumValueChange**: `EventEmitter<number>`
- **actualPixelScalingRatio**: `number` — Gets the actual pixel scaling ratio used to affect the pixel density of the control.
A higher scaling ratio will produce crisper visuals at the expense of memory.  Lower values will cause the control
to appear blurry.
- **alignLabel**: `EventEmitter<any>` — Event which is raised when a label of the bullet graph is aligned along the scale.
Function takes first argument evt and second argument ui.
Use ui.owner to obtain reference to gauge widget.
Use ui.actualMinimumValue to obtain the minimum value of the bullet graph scale.
Use ui.actualMaximumValue to obtain the maximum value of the bullet graph scale.
Use ui.value to obtain the value on the the bullet graph scale associated with the label.
Use ui.label to obtain the string value of the label.
Use ui.width to obtain the width of the label.
Use ui.height to obtain the height of the label.
Use ui.offsetX to obtain the X offset of the label on the bullet graph scale.
Use ui.offsetY to obtain the Y offset of the label on the bullet graph scale.
- **animating**: `boolean` — Gets a value indicating whether the bullet graph is currently animating.
- **backingBrush**: `string` — Gets or sets the brush to use to fill the backing of the bullet graph.
- **backingInnerExtent**: `number` — Gets or sets the inner extent of the bullet graph backing.
- **backingOuterExtent**: `number` — Gets or sets the outer extent of the bullet graph backing.
- **backingOutline**: `string` — Gets or sets the brush to use for the outline of the backing.
- **backingStrokeThickness**: `number` — Gets or sets the stroke thickness of the backing outline.
- **font**: `string` — Gets or sets the font.
- **fontBrush**: `string` — Gets or sets the brush to use for the label font.
- **formatLabel**: `EventEmitter<any>` — Event which is raised when a label of the bullet graph is formatted.
Function takes first argument evt and second argument ui.
Use ui.owner to obtain reference to the bullet graph widget.
Use ui.actualMinimumValue to obtain the minimum value of the bullet graph scale.
Use ui.actualMaximumValue to obtain the maximum value of the bullet graph scale.
Use ui.value to obtain the value on the the bullet graph scale associated with the label.
Use ui.label to obtain the string value of the label.
- **height**: `string`
- **highlightValue**: `number` — Gets or sets the highlight value at which to point the secondary needle of the gauge.
- **highlightValueDisplayMode**: `HighlightedValueDisplayMode` — Gets or sets whether and how to display the highlighted value.
- **highlightValueOpacity**: `number` — Gets or sets the opacity of the primary needle while highlighting
- **interval**: `number` — Gets or sets the interval to use for the scale.
- **isScaleInverted**: `boolean` — Gets or sets a value indicating whether the scale is inverted.
When the scale is inverted the direction in which the scale values increase is right to left.
- **labelExtent**: `number` — Gets or sets the position at which to put the labels as a value from 0 to 1, measured from the bottom of the scale.
Values further from zero than 1 can be used to hide the labels of the bullet graph.
- **labelFormat**: `string` — Gets or sets the label composite format used when creating label values.
- **labelFormatSpecifiers**: `any[]` — Gets or sets the format specifiers to use with the LabelFormat string.
- **labelInterval**: `number` — Gets or sets the interval to use for rendering labels. This defaults to be the same interval as the tickmarks on the scale.
- **labelsPostInitial**: `number` — A value to start adding labels, added to the scale's MinimumValue.
- **labelsPreTerminal**: `number` — A value to stop adding labels, subtracted from the scale's MaximumValue.
- **labelsVisible**: `boolean` — Gets or sets whether the labels are visible in the gauge.
- **maximumValue**: `number` — Gets or sets the maximum value of the scale.
- **mergeViewports**: `boolean` — Gets or sets whether the scale viewport will be merged with backing viewport.
- **minimumValue**: `number` — Gets or sets the minimum value of the scale.
- **minorTickBrush**: `string` — Gets or sets the brush to use for the minor tickmarks.
- **minorTickCount**: `number` — Gets or sets the number of minor tickmarks to place between major tickmarks.
- **minorTickEndExtent**: `number` — Gets or sets the position at which to stop rendering the minor tickmarks as a value from 0 to 1, measured from the front/bottom of the bullet graph.
Values further from zero than 1 can be used to make this extend further than the normal size of the bullet graph.
- **minorTickStartExtent**: `number` — Gets or sets the position at which to start rendering the minor tickmarks as a value from 0 to 1, measured from the front/bottom of the bullet graph.
Values further from zero than 1 can be used to make this extend further than the normal size of the bullet graph.
- **minorTickStrokeThickness**: `number` — Gets or sets the stroke thickness to use when rendering minor ticks.
- **orientation**: `LinearScaleOrientation` — Gets or sets the orientation of the scale.
- **pixelScalingRatio**: `number` — Gets or sets the scaling value used to affect the pixel density of the control.
A higher scaling ratio will produce crisper visuals at the expense of memory.  Lower values will cause the control
to appear blurry.
- **rangeBrushes**: `string[]` — Gets or sets a collection of brushes to be used as the palette for bullet graph ranges.
- **rangeInnerExtent**: `number` — Gets or sets the position at which to start rendering the ranges, measured from the front/bottom of the control as a value from 0 to 1.
Values further from zero than 1 can be used to make this extend further than the normal size of the bullet graph.
- **rangeOuterExtent**: `number` — Gets or sets the position at which to stop rendering the range as a value from 0 to 1 measured from the front/bottom of the bullet graph.
Values further from zero than 1 can be used to make this extend further than the normal size of the bullet graph.
- **rangeOutlines**: `string[]` — Gets or sets a collection of brushes to be used as the palette for bullet graph outlines.
- **ranges**: `IgxLinearGraphRangeCollection` — A collection or manually added axes for the chart.
- **scaleBackgroundBrush**: `string` — Gets or sets the background brush for the scale.
- **scaleBackgroundOutline**: `string` — Gets or sets the background outline for the scale.
- **scaleBackgroundThickness**: `number` — Gets or sets the background outline thickness for the scale.
- **scaleEndExtent**: `number` — Gets or sets the position at which to stop rendering the scale as a value from 0 to 1, measured from the front/bottom of the bullet graph.
Values further from zero than 1 can be used to make this extend further than the normal size of the bullet graph.
- **scaleStartExtent**: `number` — Gets or sets the position at which to start rendering the scale, measured from the front/bottom of the bullet graph as a value from 0 to 1.
Values further from zero than 1 can be used to make this extend further than the normal size of the bullet graph.
- **showToolTip**: `boolean` — Gets or sets a value indicating whether tooltips are enabled.
- **showToolTipTimeout**: `number` — Gets or sets the time in milliseconds that tooltip appearance is delayed with.
- **targetValue**: `number` — Gets or sets the value indicated by the target value bar.
- **targetValueBreadth**: `number` — Get or sets the breadth of the target value element.
- **targetValueBrush**: `string` — Gets or sets the brush to use when rendering the fill of the comparative marker.
- **targetValueInnerExtent**: `number` — Gets or sets the position at which to start rendering the target value, measured from the front/bottom of the control as a value from 0 to 1.
Values further from zero than 1 can be used to make this extend further than the normal size of the bullet graph.
- **targetValueName**: `string` — Gets or sets the name used for the target value. The name is displayed in the default target value tooltip.
- **targetValueOuterExtent**: `number` — Gets or sets the position at which to start rendering the target value, measured from the front/bottom of the control as a value from 0 to 1.
Values further from zero than 1 can be used to make this extend further than the normal size of the bullet graph.
- **targetValueOutline**: `string` — Gets or sets the brush to use when rendering the outline of the target value.
- **targetValueStrokeThickness**: `number` — Gets or sets the stroke thickness of the outline of the target value bar.
- **tickBrush**: `string` — Gets or sets the brush to use for the major tickmarks.
- **tickEndExtent**: `number` — Gets or sets the position at which to stop rendering the major tickmarks as a value from 0 to 1, measured from the front/bottom of the bullet graph.
Values further from zero than 1 can be used to make this extend further than the normal size of the bullet graph.
- **ticksPostInitial**: `number` — A value to start adding tickmarks, added to the scale's MinimumValue.
- **ticksPreTerminal**: `number` — A value to stop adding tickmarks, subtracted from the scale's MaximumValue.
- **tickStartExtent**: `number` — Gets or sets the position at which to start rendering the major tickmarks as a value from 0 to 1, measured from the front/bottom of the bullet graph.
Values further from zero than 1 can be used to make this extend further than the normal size of the bullet graph.
- **tickStrokeThickness**: `number` — Gets or sets the stroke thickness to use when rendering ticks.
- **tooltipTemplate**: `TemplateRef<any>`
- **transitionDuration**: `number` — Gets or sets the number of milliseconds over which changes to the bullet graph should be animated.
- **transitionProgress**: `number` — Gets the transition progress of the animation when the control is animating.
- **value**: `number` — Gets or sets the value at which the bar ends.
- **valueBrush**: `string` — Gets or sets the brush to use for the actual value element.
- **valueInnerExtent**: `number` — Gets or sets the position at which to start rendering the actual value geometries, measured from the front/bottom of the bullet graph as a value from 0 to 1.
Values further from zero than 1 can be used to make this extend further than the normal size of the bullet graph.
- **valueName**: `string` — Gets or sets the name used for actual value.
- **valueOuterExtent**: `number` — Gets or sets the position at which to stop rendering the actual value geometries as a value from 0 to 1 measured from the front/bottom of the bullet graph.
Values further from zero than 1 can be used to make this extend further than the normal size of the bullet graph.
- **valueOutline**: `string` — Gets or sets the brush to use for the outline of actual value element.
- **valueStrokeThickness**: `number` — Gets or sets the stroke thickness to use when rendering single actual value element.
- **width**: `string`
- **containerResized**(): void — Notify that the container has resized.
- **exportSerializedVisualData**(): string — Returns visuals as a serialized string.
- **findByName**(name: string): any
- **flush**(): void — Use to force the bullet graph to finish any deferred work before printing or evaluating its visual.
This should only be called if the visual of the bullet graph needs to be synchronously saved or evaluated.
Calling this method too often will hinder the performance of the bullet graph.
- **getValueForPoint**(point: IgPoint): number — Gets the value for the main scale of the bullet graph for a given point within the bounds of the bullet graph.
- **ngAfterContentInit**(): void — A callback method that is invoked immediately after
Angular has completed initialization of all of the directive's
content.
It is invoked only once when the directive is instantiated.
- **ngAfterViewInit**(): void — A callback method that is invoked immediately after
Angular has completed initialization of a component's view.
It is invoked only once when the view is instantiated.
- **ngOnDestroy**(): void — A callback method that performs custom clean-up, invoked immediately
before a directive, pipe, or service instance is destroyed.
- **provideContainer**(container: any): void — Provide a container for the bullet graph.
- **styleUpdated**(): void — Notify that the bullet graph styling has updated.
- **updateStyle**(): void
- static **_createFromInternal**(internal: any): IgxBulletGraphComponent

### [IgxFormatLinearGraphLabelEventArgs](https://www.infragistics.com/api/angular/igniteui-angular-gauges/latest/classes/IgxFormatLinearGraphLabelEventArgs)
Represents event argument for FormatLinearGraphLabel.

- **constructor**(): IgxFormatLinearGraphLabelEventArgs
- **actualMaximumValue**: `number`
- **actualMinimumValue**: `number`
- **i**: `FormatLinearGraphLabelEventArgs`
- **label**: `string`
- **value**: `number`

### [IgxFormatRadialGaugeLabelEventArgs](https://www.infragistics.com/api/angular/igniteui-angular-gauges/latest/classes/IgxFormatRadialGaugeLabelEventArgs)
Represents event argument for FormatRadialGaugeLabel.

- **constructor**(): IgxFormatRadialGaugeLabelEventArgs
- **actualMaximumValue**: `number`
- **actualMinimumValue**: `number`
- **angle**: `number`
- **endAngle**: `number`
- **i**: `FormatRadialGaugeLabelEventArgs`
- **label**: `string`
- **startAngle**: `number`
- **value**: `number`

### [IgxLinearGaugeComponent](https://www.infragistics.com/api/angular/igniteui-angular-gauges/latest/classes/IgxLinearGaugeComponent)
A linear gauge for displaying a single value on a defined scale.

- **constructor**(_renderer: Renderer2, _elRef: ViewContainerRef, _ngZone: NgZone, _componentFactoryResolver: ComponentFactoryResolver, _injector: Injector): IgxLinearGaugeComponent
- **_dynamicContent**: `ViewContainerRef`
- **actualRanges**: `IgxLinearGraphRangeComponent[]` — The ranges actually present in the chart. Do not directly modify this array.
This array's contents can be modified by causing Angular to reproject the child content.
Or adding and removing ranges from the manual ranges collection on the ranges property.
- **contentRanges**: `QueryList<IgxLinearGraphRangeComponent>`
- static **ngAcceptInputType_actualHighlightValueDisplayMode**: `string | HighlightedValueDisplayMode`
- static **ngAcceptInputType_actualHighlightValueOpacity**: `string | number`
- static **ngAcceptInputType_actualMaximumValue**: `string | number`
- static **ngAcceptInputType_actualMinimumValue**: `string | number`
- static **ngAcceptInputType_actualPixelScalingRatio**: `string | number`
- static **ngAcceptInputType_animating**: `string | boolean`
- static **ngAcceptInputType_backingInnerExtent**: `string | number`
- static **ngAcceptInputType_backingOuterExtent**: `string | number`
- static **ngAcceptInputType_backingStrokeThickness**: `string | number`
- static **ngAcceptInputType_highlightValue**: `string | number`
- static **ngAcceptInputType_highlightValueDisplayMode**: `string | HighlightedValueDisplayMode`
- static **ngAcceptInputType_highlightValueOpacity**: `string | number`
- static **ngAcceptInputType_interval**: `string | number`
- static **ngAcceptInputType_isHighlightNeedleDraggingEnabled**: `string | boolean`
- static **ngAcceptInputType_isNeedleDraggingEnabled**: `string | boolean`
- static **ngAcceptInputType_isScaleInverted**: `string | boolean`
- static **ngAcceptInputType_labelExtent**: `string | number`
- static **ngAcceptInputType_labelFormatSpecifiers**: `string | any[]`
- static **ngAcceptInputType_labelInterval**: `string | number`
- static **ngAcceptInputType_labelsPostInitial**: `string | number`
- static **ngAcceptInputType_labelsPreTerminal**: `string | number`
- static **ngAcceptInputType_labelsVisible**: `string | boolean`
- static **ngAcceptInputType_maximumValue**: `string | number`
- static **ngAcceptInputType_mergeViewports**: `string | boolean`
- static **ngAcceptInputType_minimumValue**: `string | number`
- static **ngAcceptInputType_minorTickCount**: `string | number`
- static **ngAcceptInputType_minorTickEndExtent**: `string | number`
- static **ngAcceptInputType_minorTickStartExtent**: `string | number`
- static **ngAcceptInputType_minorTickStrokeThickness**: `string | number`
- static **ngAcceptInputType_needleBreadth**: `string | number`
- static **ngAcceptInputType_needleInnerBaseWidth**: `string | number`
- static **ngAcceptInputType_needleInnerExtent**: `string | number`
- static **ngAcceptInputType_needleInnerPointExtent**: `string | number`
- static **ngAcceptInputType_needleInnerPointWidth**: `string | number`
- static **ngAcceptInputType_needleOuterBaseWidth**: `string | number`
- static **ngAcceptInputType_needleOuterExtent**: `string | number`
- static **ngAcceptInputType_needleOuterPointExtent**: `string | number`
- static **ngAcceptInputType_needleOuterPointWidth**: `string | number`
- static **ngAcceptInputType_needleShape**: `string | LinearGraphNeedleShape`
- static **ngAcceptInputType_needleStrokeThickness**: `string | number`
- static **ngAcceptInputType_orientation**: `string | LinearScaleOrientation`
- static **ngAcceptInputType_pixelScalingRatio**: `string | number`
- static **ngAcceptInputType_rangeBrushes**: `string | string[]`
- static **ngAcceptInputType_rangeInnerExtent**: `string | number`
- static **ngAcceptInputType_rangeOuterExtent**: `string | number`
- static **ngAcceptInputType_rangeOutlines**: `string | string[]`
- static **ngAcceptInputType_scaleEndExtent**: `string | number`
- static **ngAcceptInputType_scaleInnerExtent**: `string | number`
- static **ngAcceptInputType_scaleOuterExtent**: `string | number`
- static **ngAcceptInputType_scaleStartExtent**: `string | number`
- static **ngAcceptInputType_scaleStrokeThickness**: `string | number`
- static **ngAcceptInputType_showToolTip**: `string | boolean`
- static **ngAcceptInputType_showToolTipTimeout**: `string | number`
- static **ngAcceptInputType_tickEndExtent**: `string | number`
- static **ngAcceptInputType_ticksPostInitial**: `string | number`
- static **ngAcceptInputType_ticksPreTerminal**: `string | number`
- static **ngAcceptInputType_tickStartExtent**: `string | number`
- static **ngAcceptInputType_tickStrokeThickness**: `string | number`
- static **ngAcceptInputType_transitionDuration**: `string | number`
- static **ngAcceptInputType_transitionProgress**: `string | number`
- static **ngAcceptInputType_value**: `string | number`
- static **ɵcmp**: `unknown`
- static **ɵfac**: `unknown`
- **actualHighlightValueDisplayMode**: `HighlightedValueDisplayMode` — Gets whether and how to display the highlighted value.
- **actualHighlightValueOpacity**: `number` — Gets the actual opacity of the primary needle while highlighting
- **actualMaximumValue**: `number` — Gets the resolved maximum value of the scale.
- **actualMaximumValueChange**: `EventEmitter<number>`
- **actualMinimumValue**: `number` — Gets the resolved minimum value of the scale.
- **actualMinimumValueChange**: `EventEmitter<number>`
- **actualPixelScalingRatio**: `number` — Gets the actual pixel scaling ratio used to affect the pixel density of the control.
A higher scaling ratio will produce crisper visuals at the expense of memory.  Lower values will cause the control
to appear blurry.
- **alignLabel**: `EventEmitter<any>` — Event which is raised when a label of the linear gauge is aligned along the scale.
Function takes first argument evt and second argument ui.
Use ui.owner to obtain reference to the gauge widget.
Use ui.actualMinimumValue to obtain the minimum value of the gauge scale.
Use ui.actualMaximumValue to obtain the maximum value of the gauge scale.
Use ui.value to obtain the value on the gauge scale associated with the label.
Use ui.label to obtain the string value of the label.
Use ui.width to obtain the width of the label.
Use ui.height to obtain the height of the label.
Use ui.offsetX to obtain the X offset of the label on the gauge scale.
Use ui.offsetY to obtain the Y offset of the label on the gauge scale.
- **animating**: `boolean` — Gets a value indicating whether the bullet graph is currently animating.
- **backingBrush**: `string` — Gets or sets the brush to use to fill the backing of the linear gauge.
- **backingInnerExtent**: `number` — Gets or sets the inner extent of the linear gauge backing.
- **backingOuterExtent**: `number` — Gets or sets the outer extent of the linear gauge backing.
- **backingOutline**: `string` — Gets or sets the brush to use for the outline of the backing.
- **backingStrokeThickness**: `number` — Gets or sets the stroke thickness of the backing outline.
- **font**: `string` — Gets or sets the font.
- **fontBrush**: `string` — Gets or sets the brush to use for the label font.
- **formatLabel**: `EventEmitter<any>` — Event which is raised when a label of the the gauge is formatted.
Function takes first argument evt and second argument ui.
Use ui.owner to obtain reference to the gauge widget.
Use ui.actualMinimumValue to obtain the minimum value of the gauge scale.
Use ui.actualMaximumValue to obtain the maximum value of the gauge scale.
Use ui.value to obtain the value on the the gauge scale associated with the label.
Use ui.label to obtain the string value of the label.
- **height**: `string`
- **highlightValue**: `number` — Gets or sets the highlight value at which to point the secondary needle of the gauge.
- **highlightValueChanged**: `EventEmitter<any>` — Occurs when the Hightlight Value property changes.
- **highlightValueDisplayMode**: `HighlightedValueDisplayMode` — Gets or sets whether and how to display the highlighted value.
- **highlightValueOpacity**: `number` — Gets or sets the opacity of the primary needle while highlighting
- **interval**: `number` — Gets or sets the interval to use for the scale.
- **isHighlightNeedleDraggingEnabled**: `boolean` — Gets or sets whether highlight needle dragging is enabled or not.
- **isNeedleDraggingEnabled**: `boolean` — Gets or sets whether needle dragging is enabled or not.
- **isScaleInverted**: `boolean` — Gets or sets a value indicating whether the scale is inverted.
When the scale is inverted the direction in which the scale values increase is right to left.
- **labelExtent**: `number` — Gets or sets the position at which to put the labels as a value from 0 to 1, measured from the bottom of the scale.
Values further from zero than 1 can be used to hide the labels of the linear gauge.
- **labelFormat**: `string` — Gets or sets the label composite format used when creating label values.
- **labelFormatSpecifiers**: `any[]` — Gets or sets the format specifiers to use with the LabelFormat string.
- **labelInterval**: `number` — Gets or sets the interval to use for rendering labels. This defaults to be the same interval as the tickmarks on the scale.
- **labelsPostInitial**: `number` — A value to start adding labels, added to the scale's MinimumValue.
- **labelsPreTerminal**: `number` — A value to stop adding labels, subtracted from the scale's MaximumValue.
- **labelsVisible**: `boolean` — Gets or sets whether the labels are visible in the gauge.
- **maximumValue**: `number` — Gets or sets the maximum value of the scale.
- **mergeViewports**: `boolean` — Gets or sets whether the scale viewport will be merged with backing viewport.
- **minimumValue**: `number` — Gets or sets the minimum value of the scale.
- **minorTickBrush**: `string` — Gets or sets the brush to use for the minor tickmarks.
- **minorTickCount**: `number` — Gets or sets the number of minor tickmarks to place between major tickmarks.
- **minorTickEndExtent**: `number` — Gets or sets the position at which to stop rendering the minor tickmarks as a value from 0 to 1, measured from the front/bottom of the linear gauge.
Values further from zero than 1 can be used to make this extend further than the normal size of the linear gauge.
- **minorTickStartExtent**: `number` — Gets or sets the position at which to start rendering the minor tickmarks as a value from 0 to 1, measured from the front/bottom of the linear gauge.
Values further from zero than 1 can be used to make this extend further than the normal size of the linear gauge.
- **minorTickStrokeThickness**: `number` — Gets or sets the stroke thickness to use when rendering minor ticks.
- **needleBreadth**: `number` — Gets or sets the needle breadth.
- **needleBrush**: `string` — Gets or sets the brush to use for needle element.
- **needleInnerBaseWidth**: `number` — Gets or sets the width of the needle's inner base.
- **needleInnerExtent**: `number` — Gets or sets the position at which to start rendering the needle geometry, measured from the front/bottom of the linear gauge as a value from 0 to 1.
Values further from zero than 1 can be used to make this extend further than the normal size of the linear gauge.
- **needleInnerPointExtent**: `number` — Gets or sets the extent of the needle's inner point.
- **needleInnerPointWidth**: `number` — Gets or sets the width of the needle's inner point.
- **needleName**: `string` — Gets or sets the name used for needle.
- **needleOuterBaseWidth**: `number` — Gets or sets the width of the needle's outer base.
- **needleOuterExtent**: `number` — Gets or sets the position at which to stop rendering the needle geometry as a value from 0 to 1 measured from the front/bottom of the linear gauge.
Values further from zero than 1 can be used to make this extend further than the normal size of the linear gauge.
- **needleOuterPointExtent**: `number` — Gets or sets the extent of the needle's outer point.
- **needleOuterPointWidth**: `number` — Gets or sets the width of the needle's outer point.
- **needleOutline**: `string` — Gets or sets the brush to use for the outline of needle element.
- **needleShape**: `LinearGraphNeedleShape` — Gets or sets the shape to use when rendering the needle from a number of options.
- **needleStrokeThickness**: `number` — Gets or sets the stroke thickness to use when rendering single actual value element.
- **orientation**: `LinearScaleOrientation` — Gets or sets the orientation of the scale.
- **pixelScalingRatio**: `number` — Gets or sets the scaling value used to affect the pixel density of the control.
A higher scaling ratio will produce crisper visuals at the expense of memory.  Lower values will cause the control
to appear blurry.
- **rangeBrushes**: `string[]` — Gets or sets a collection of brushes to be used as the palette for linear gauge ranges.
- **rangeInnerExtent**: `number` — Gets or sets the position at which to start rendering the ranges, measured from the front/bottom of the control as a value from 0 to 1.
Values further from zero than 1 can be used to make this extend further than the normal size of the linear gauge.
- **rangeOuterExtent**: `number` — Gets or sets the position at which to stop rendering the range as a value from 0 to 1 measured from the front/bottom of the linear gauge.
Values further from zero than 1 can be used to make this extend further than the normal size of the linear gauge.
- **rangeOutlines**: `string[]` — Gets or sets a collection of brushes to be used as the palette for linear gauge outlines.
- **ranges**: `IgxLinearGraphRangeCollection` — A collection or manually added axes for the chart.
- **scaleBrush**: `string` — Gets or sets the brush to use to fill the scale of the linear gauge.
- **scaleEndExtent**: `number` — Gets or sets the position at which to stop rendering the scale as a value from 0 to 1, measured from the front/bottom of the linear gauge.
Values further from zero than 1 can be used to make this extend further than the normal size of the linear gauge.
- **scaleInnerExtent**: `number` — Gets or sets the position at which to start rendering the scale, measured from the bottom/front (when orientation is horizontal/vertical) of the control as a value from 0 to 1.
Values further from zero than 1 can be used to make this extend further than the normal size of the linear gauge.
- **scaleOuterExtent**: `number` — Gets or sets the position at which to stop rendering the scale as a value from 0 to 1 measured from the bottom/front (when orientation is horizontal/vertical) of the linear gauge.
Values further from zero than 1 can be used to make this extend further than the normal size of the linear gauge.
- **scaleOutline**: `string` — Gets or sets the brush to use for the outline of the scale.
- **scaleStartExtent**: `number` — Gets or sets the position at which to start rendering the scale, measured from the front/bottom of the linear gauge as a value from 0 to 1.
Values further from zero than 1 can be used to make this extend further than the normal size of the linear gauge.
- **scaleStrokeThickness**: `number` — Gets or sets the stroke thickness of the scale outline.
- **showToolTip**: `boolean` — Gets or sets a value indicating whether tooltips are enabled.
- **showToolTipTimeout**: `number` — Gets or sets the time in milliseconds that tooltip appearance is delayed with.
- **tickBrush**: `string` — Gets or sets the brush to use for the major tickmarks.
- **tickEndExtent**: `number` — Gets or sets the position at which to stop rendering the major tickmarks as a value from 0 to 1, measured from the front/bottom of the linear gauge.
Values further from zero than 1 can be used to make this extend further than the normal size of the linear gauge.
- **ticksPostInitial**: `number` — A value to start adding tickmarks, added to the scale's MinimumValue.
- **ticksPreTerminal**: `number` — A value to stop adding tickmarks, subtracted from the scale's MaximumValue.
- **tickStartExtent**: `number` — Gets or sets the position at which to start rendering the major tickmarks as a value from 0 to 1, measured from the front/bottom of the linear gauge.
Values further from zero than 1 can be used to make this extend further than the normal size of the linear gauge.
- **tickStrokeThickness**: `number` — Gets or sets the stroke thickness to use when rendering ticks.
- **tooltipTemplate**: `TemplateRef<any>`
- **transitionDuration**: `number` — Gets or sets the number of milliseconds over which changes to the linear gauge should be animated.
- **transitionProgress**: `number` — Gets the transition progress of the animation when the control is animating.
- **value**: `number` — Gets or sets the value at which the needle is positioned.
- **valueChanged**: `EventEmitter<any>` — Occurs when the Value property changes.
- **width**: `string`
- **containerResized**(): void
- **exportSerializedVisualData**(): string — Returns visuals as a serialized string.
- **findByName**(name: string): any
- **flush**(): void — Use to force the linear gauge to finish any deferred work before printing or evaluating its visual.
This should only be called if the visual of the linear gauge needs to be synchronously saved or evaluated.
Calling this method too often will hinder the performance of the linear gauge.
- **getValueForPoint**(point: IgPoint): number — Gets the value for the main scale of the gauge for a given point within the bounds of the gauge.
- **highlightNeedleContainsPoint**(point: IgPoint, isFinger: boolean): boolean
- **needleContainsPoint**(point: IgPoint, isFinger: boolean): boolean
- **ngAfterContentInit**(): void — A callback method that is invoked immediately after
Angular has completed initialization of all of the directive's
content.
It is invoked only once when the directive is instantiated.
- **ngAfterViewInit**(): void — A callback method that is invoked immediately after
Angular has completed initialization of a component's view.
It is invoked only once when the view is instantiated.
- **ngOnDestroy**(): void — A callback method that performs custom clean-up, invoked immediately
before a directive, pipe, or service instance is destroyed.
- **provideContainer**(container: any): void — Called by the UI framework to provide a UI container for rendering this control.
- **styleUpdated**(): void
- **updateStyle**(): void
- static **_createFromInternal**(internal: any): IgxLinearGaugeComponent

### [IgxLinearGraphRangeCollection](https://www.infragistics.com/api/angular/igniteui-angular-gauges/latest/classes/IgxLinearGraphRangeCollection)

- **constructor**(list?: IgxLinearGraphRangeComponent[]): IgxLinearGraphRangeCollection

### [IgxLinearGraphRangeComponent](https://www.infragistics.com/api/angular/igniteui-angular-gauges/latest/classes/IgxLinearGraphRangeComponent)

- **constructor**(): IgxLinearGraphRangeComponent
- static **ngAcceptInputType_endValue**: `string | number`
- static **ngAcceptInputType_innerEndExtent**: `string | number`
- static **ngAcceptInputType_innerStartExtent**: `string | number`
- static **ngAcceptInputType_outerEndExtent**: `string | number`
- static **ngAcceptInputType_outerStartExtent**: `string | number`
- static **ngAcceptInputType_startValue**: `string | number`
- static **ngAcceptInputType_strokeThickness**: `string | number`
- static **ɵcmp**: `unknown`
- static **ɵfac**: `unknown`
- **brush**: `string` — Gets or sets the brush to use to fill the range.
- **endValue**: `number` — Gets or sets the value at which the range ends along the scale.
- **i**: `XamLinearGraphRange`
- **innerEndExtent**: `number` — Gets or sets the distance measured from the front/bottom of the bullet graph (from 0 to 1) at which to end rendering the inner edge of the range.
Values further from zero than 1 can be used to make this extend further than the normal width/height of the bullet graph.
- **innerStartExtent**: `number` — Gets or sets the distance measured from the front/bottom of the bullet graph (from 0 to 1) at which to start rendering the inner edge of the range.
Values further from zero than 1 can be used to make this extend further than the normal width/height of the bullet graph.
- **name**: `string` — Gets or sets the name of the range.
- **outerEndExtent**: `number` — Gets or sets the distance measured from the front/bottom of the bullet graph (from 0 to 1) at which to end rendering the outer edge of the range.
Values further from zero than 1 can be used to make this extend further than the normal width/height of the bullet graph.
- **outerStartExtent**: `number` — Gets or sets the distance measured from the front/bottom of the bullet graph (from 0 to 1) at which to start rendering the outer edge of the range.
Values further from zero than 1 can be used to make this extend further than the normal width/height of the bullet graph.
- **outline**: `string` — Gets or sets the outline to use when rendering the range.
- **rangeInternal**: `XamLinearGraphRange`
- **startValue**: `number` — Gets or sets the value at which the range starts along the scale.
- **strokeThickness**: `number` — Gets or sets the stroke thickness to use when rendering this range's outline.
- **findByName**(name: string): any
- **ngOnInit**(): void — A callback method that is invoked immediately after the
default change detector has checked the directive's
data-bound properties for the first time,
and before any of the view or content children have been checked.
It is invoked only once when the directive is instantiated.
- static **_createFromInternal**(internal: any): IgxLinearGraphRangeComponent

### [IgxRadialGaugeComponent](https://www.infragistics.com/api/angular/igniteui-angular-gauges/latest/classes/IgxRadialGaugeComponent)
A radial gauge for displaying a single value on a defined scale.

- **constructor**(_renderer: Renderer2, _elRef: ViewContainerRef, _ngZone: NgZone, _componentFactoryResolver: ComponentFactoryResolver, _injector: Injector): IgxRadialGaugeComponent
- **_dynamicContent**: `ViewContainerRef`
- **actualRanges**: `IgxRadialGaugeRangeComponent[]` — The ranges actually present in the chart. Do not directly modify this array.
This array's contents can be modified by causing Angular to reproject the child content.
Or adding and removing ranges from the manual ranges collection on the ranges property.
- **contentRanges**: `QueryList<IgxRadialGaugeRangeComponent>`
- static **ngAcceptInputType_actualHighlightValueDisplayMode**: `string | HighlightedValueDisplayMode`
- static **ngAcceptInputType_actualHighlightValueOpacity**: `string | number`
- static **ngAcceptInputType_actualMaximumValue**: `string | number`
- static **ngAcceptInputType_actualMinimumValue**: `string | number`
- static **ngAcceptInputType_actualPixelScalingRatio**: `string | number`
- static **ngAcceptInputType_animating**: `string | boolean`
- static **ngAcceptInputType_backingCornerRadius**: `string | number`
- static **ngAcceptInputType_backingInnerExtent**: `string | number`
- static **ngAcceptInputType_backingOuterExtent**: `string | number`
- static **ngAcceptInputType_backingOversweep**: `string | number`
- static **ngAcceptInputType_backingShape**: `string | RadialGaugeBackingShape`
- static **ngAcceptInputType_backingStrokeThickness**: `string | number`
- static **ngAcceptInputType_centerX**: `string | number`
- static **ngAcceptInputType_centerY**: `string | number`
- static **ngAcceptInputType_duplicateLabelOmissionStrategy**: `string | RadialGaugeDuplicateLabelOmissionStrategy`
- static **ngAcceptInputType_highlightLabelAngle**: `string | number`
- static **ngAcceptInputType_highlightLabelDisplaysValue**: `string | boolean`
- static **ngAcceptInputType_highlightLabelExtent**: `string | number`
- static **ngAcceptInputType_highlightLabelFormatSpecifiers**: `string | any[]`
- static **ngAcceptInputType_highlightLabelSnapsToNeedlePivot**: `string | boolean`
- static **ngAcceptInputType_highlightValue**: `string | number`
- static **ngAcceptInputType_highlightValueDisplayMode**: `string | HighlightedValueDisplayMode`
- static **ngAcceptInputType_highlightValueOpacity**: `string | number`
- static **ngAcceptInputType_interval**: `string | number`
- static **ngAcceptInputType_isHighlightNeedleDraggingConstrained**: `string | boolean`
- static **ngAcceptInputType_isHighlightNeedleDraggingEnabled**: `string | boolean`
- static **ngAcceptInputType_isNeedleDraggingConstrained**: `string | boolean`
- static **ngAcceptInputType_isNeedleDraggingEnabled**: `string | boolean`
- static **ngAcceptInputType_labelExtent**: `string | number`
- static **ngAcceptInputType_labelFormatSpecifiers**: `string | any[]`
- static **ngAcceptInputType_labelInterval**: `string | number`
- static **ngAcceptInputType_maximumValue**: `string | number`
- static **ngAcceptInputType_minimumValue**: `string | number`
- static **ngAcceptInputType_minorTickCount**: `string | number`
- static **ngAcceptInputType_minorTickEndExtent**: `string | number`
- static **ngAcceptInputType_minorTickStartExtent**: `string | number`
- static **ngAcceptInputType_minorTickStrokeThickness**: `string | number`
- static **ngAcceptInputType_needleBaseFeatureExtent**: `string | number`
- static **ngAcceptInputType_needleBaseFeatureWidthRatio**: `string | number`
- static **ngAcceptInputType_needleEndExtent**: `string | number`
- static **ngAcceptInputType_needleEndWidthRatio**: `string | number`
- static **ngAcceptInputType_needlePivotInnerWidthRatio**: `string | number`
- static **ngAcceptInputType_needlePivotShape**: `string | RadialGaugePivotShape`
- static **ngAcceptInputType_needlePivotStrokeThickness**: `string | number`
- static **ngAcceptInputType_needlePivotWidthRatio**: `string | number`
- static **ngAcceptInputType_needlePointFeatureExtent**: `string | number`
- static **ngAcceptInputType_needlePointFeatureWidthRatio**: `string | number`
- static **ngAcceptInputType_needleShape**: `string | RadialGaugeNeedleShape`
- static **ngAcceptInputType_needleStartExtent**: `string | number`
- static **ngAcceptInputType_needleStartWidthRatio**: `string | number`
- static **ngAcceptInputType_needleStrokeThickness**: `string | number`
- static **ngAcceptInputType_opticalScalingEnabled**: `string | boolean`
- static **ngAcceptInputType_opticalScalingRatio**: `string | number`
- static **ngAcceptInputType_opticalScalingSize**: `string | number`
- static **ngAcceptInputType_pixelScalingRatio**: `string | number`
- static **ngAcceptInputType_radiusMultiplier**: `string | number`
- static **ngAcceptInputType_rangeBrushes**: `string | string[]`
- static **ngAcceptInputType_rangeOutlines**: `string | string[]`
- static **ngAcceptInputType_scaleEndAngle**: `string | number`
- static **ngAcceptInputType_scaleEndExtent**: `string | number`
- static **ngAcceptInputType_scaleOversweep**: `string | number`
- static **ngAcceptInputType_scaleOversweepShape**: `string | RadialGaugeScaleOversweepShape`
- static **ngAcceptInputType_scaleStartAngle**: `string | number`
- static **ngAcceptInputType_scaleStartExtent**: `string | number`
- static **ngAcceptInputType_scaleSweepDirection**: `string | SweepDirection`
- static **ngAcceptInputType_subtitleAngle**: `string | number`
- static **ngAcceptInputType_subtitleDisplaysValue**: `string | boolean`
- static **ngAcceptInputType_subtitleExtent**: `string | number`
- static **ngAcceptInputType_subtitleFormatSpecifiers**: `string | any[]`
- static **ngAcceptInputType_subtitleSnapsToNeedlePivot**: `string | boolean`
- static **ngAcceptInputType_tickEndExtent**: `string | number`
- static **ngAcceptInputType_tickStartExtent**: `string | number`
- static **ngAcceptInputType_tickStrokeThickness**: `string | number`
- static **ngAcceptInputType_titleAngle**: `string | number`
- static **ngAcceptInputType_titleDisplaysValue**: `string | boolean`
- static **ngAcceptInputType_titleExtent**: `string | number`
- static **ngAcceptInputType_titleFormatSpecifiers**: `string | any[]`
- static **ngAcceptInputType_titleSnapsToNeedlePivot**: `string | boolean`
- static **ngAcceptInputType_transitionDuration**: `string | number`
- static **ngAcceptInputType_transitionProgress**: `string | number`
- static **ngAcceptInputType_value**: `string | number`
- static **ɵcmp**: `unknown`
- static **ɵfac**: `unknown`
- **actualHighlightValueDisplayMode**: `HighlightedValueDisplayMode` — Gets whether and how to display the highlighted value.
- **actualHighlightValueOpacity**: `number` — Gets the actual opacity of the primary needle while highlighting
- **actualMaximumValue**: `number` — Gets the resolved maximum value of the scale.
- **actualMaximumValueChange**: `EventEmitter<number>`
- **actualMinimumValue**: `number` — Gets the resolved minimum value of the scale.
- **actualMinimumValueChange**: `EventEmitter<number>`
- **actualPixelScalingRatio**: `number` — Gets the actual pixel scaling ratio used to affect the pixel density of the control.
A higher scaling ratio will produce crisper visuals at the expense of memory.  Lower values will cause the control
to appear blurry.
- **alignHighlightLabel**: `EventEmitter<any>` — Event which is raised when a highlight label of the gauge is aligned and styled.
Function takes first argument null and second argument ui.
Use ui.owner to obtain reference to gauge widget.
Use ui.actualMinimumValue to obtain the minimum value of gauge scale.
Use ui.actualMaximumValue to obtain the maximum value of gauge scale.
Use ui.startAngle to obtain the starting angle of gauge scale.
Use ui.endAngle to obtain the ending angle of gauge scale.
Use ui.angle to obtain the angle on the gauge scale at which the label will be located.
Use ui.value to obtain the value on the gauge scale associated with the label.
Use ui.label to obtain the string value of the label.
- **alignLabel**: `EventEmitter<any>` — Event which is raised when a label of the gauge is aligned along the scale.
Function takes first argument null and second argument ui.
Use ui.owner to obtain reference to gauge widget.
Use ui.actualMinimumValue to obtain the minimum value of gauge scale.
Use ui.actualMaximumValue to obtain the maximum value of gauge scale.
Use ui.startAngle to obtain the starting angle of gauge scale.
Use ui.endAngle to obtain the ending angle of gauge scale.
Use ui.angle to obtain the angle on the gauge scale at which the label will be located.
Use ui.value to obtain the value on the gauge scale associated with the label.
Use ui.label to obtain the string value of the label.
Use ui.width to obtain the width of the label.
Use ui.height to obtain the height of the label.
Use ui.offsetX to obtain the X offset of the label on the gauge scale.
Use ui.offsetY to obtain the Y offset of the label on the gauge scale.
- **alignSubtitle**: `EventEmitter<any>` — Event which is raised when a subtitle of the gauge is aligned and styled.
Function takes first argument null and second argument ui.
Use ui.owner to obtain reference to gauge widget.
Use ui.actualMinimumValue to obtain the minimum value of gauge scale.
Use ui.actualMaximumValue to obtain the maximum value of gauge scale.
Use ui.startAngle to obtain the starting angle of gauge scale.
Use ui.endAngle to obtain the ending angle of gauge scale.
Use ui.angle to obtain the angle on the gauge scale at which the label will be located.
Use ui.value to obtain the value on the gauge scale associated with the label.
Use ui.label to obtain the string value of the label.
- **alignTitle**: `EventEmitter<any>` — Event which is raised when a title of the gauge is aligned and styled.
Function takes first argument null and second argument ui.
Use ui.owner to obtain reference to gauge widget.
Use ui.actualMinimumValue to obtain the minimum value of gauge scale.
Use ui.actualMaximumValue to obtain the maximum value of gauge scale.
Use ui.startAngle to obtain the starting angle of gauge scale.
Use ui.endAngle to obtain the ending angle of gauge scale.
Use ui.angle to obtain the angle on the gauge scale at which the label will be located.
Use ui.value to obtain the value on the gauge scale associated with the label.
Use ui.label to obtain the string value of the label.
- **animating**: `boolean` — Gets a value indicating whether the radial gauge is currently animating.
- **backingBrush**: `string` — Gets or sets the brush to use to fill the backing of the gauge.
- **backingCornerRadius**: `number` — Gets or sets the corner rounding radius to use for the fitted scale backings.
- **backingInnerExtent**: `number` — Gets or sets the inner extent of the gauge backing.
- **backingOuterExtent**: `number` — Gets or sets the outer extent of the gauge backing.
- **backingOutline**: `string` — Gets or sets the brush to use for the outline of the backing.
- **backingOversweep**: `number` — Gets or sets the over sweep angle to apply to the backing if it is displaying fitted (in degrees). Must be greater or equal to 0.
- **backingShape**: `RadialGaugeBackingShape` — Gets or sets the type of shape to use for the backing of the gauge.
- **backingStrokeThickness**: `number` — Gets or sets the stroke thickness of the backing outline.
- **centerX**: `number` — Gets or sets the x position of the center of the gauge with the value ranging from 0 to 1.
- **centerY**: `number` — Gets or sets the y position of the center of the gauge with the value ranging from 0 to 1.
- **duplicateLabelOmissionStrategy**: `RadialGaugeDuplicateLabelOmissionStrategy` — Gets or sets the strategy to use for omitting labels if the first and last label have the same value.
- **font**: `string` — Gets or sets the font.
- **fontBrush**: `string` — Gets or sets the brush to use for the label font.
- **formatHighlightLabel**: `EventEmitter<any>` — Event which is raised when a highlight label of the gauge is formatted.
Function takes first argument null and second argument ui.
Use ui.owner to obtain reference to gauge widget.
Use ui.actualMinimumValue to obtain the minimum value of gauge scale.
Use ui.actualMaximumValue to obtain the maximum value of gauge scale.
Use ui.startAngle to obtain the starting angle of gauge scale.
Use ui.endAngle to obtain the ending angle of gauge scale.
Use ui.angle to obtain the angle on the gauge scale at which the title will be located.
Use ui.value to obtain the value on the gauge scale associated with the title.
Use ui.label to obtain the string value of the title.
- **formatLabel**: `EventEmitter<any>` — Event which is raised when a label of the gauge is formatted.
Function takes first argument null and second argument ui.
Use ui.owner to obtain reference to gauge widget.
Use ui.actualMinimumValue to obtain the minimum value of gauge scale.
Use ui.actualMaximumValue to obtain the maximum value of gauge scale.
Use ui.startAngle to obtain the starting angle of gauge scale.
Use ui.endAngle to obtain the ending angle of gauge scale.
Use ui.angle to obtain the angle on the gauge scale at which the label will be located.
Use ui.value to obtain the value on the gauge scale associated with the label.
Use ui.label to obtain the string value of the label.
- **formatSubtitle**: `EventEmitter<any>` — Event which is raised when a subtitle of the gauge is formatted.
Function takes first argument null and second argument ui.
Use ui.owner to obtain reference to gauge widget.
Use ui.actualMinimumValue to obtain the minimum value of gauge scale.
Use ui.actualMaximumValue to obtain the maximum value of gauge scale.
Use ui.startAngle to obtain the starting angle of gauge scale.
Use ui.endAngle to obtain the ending angle of gauge scale.
Use ui.angle to obtain the angle on the gauge scale at which the subtitle will be located.
Use ui.value to obtain the value on the gauge scale associated with the subtitle.
Use ui.label to obtain the string value of the subtitle.
- **formatTitle**: `EventEmitter<any>` — Event which is raised when a title of the gauge is formatted.
Function takes first argument null and second argument ui.
Use ui.owner to obtain reference to gauge widget.
Use ui.actualMinimumValue to obtain the minimum value of gauge scale.
Use ui.actualMaximumValue to obtain the maximum value of gauge scale.
Use ui.startAngle to obtain the starting angle of gauge scale.
Use ui.endAngle to obtain the ending angle of gauge scale.
Use ui.angle to obtain the angle on the gauge scale at which the title will be located.
Use ui.value to obtain the value on the gauge scale associated with the title.
Use ui.label to obtain the string value of the title.
- **height**: `string`
- **highlightLabelAngle**: `number` — Gets or sets the angle for the highlight label in degrees.
- **highlightLabelBrush**: `string` — Gets or sets the brush to use for rendering highlight text
- **highlightLabelDisplaysValue**: `boolean` — Gets or sets the highlight label shows values of the gauge.
- **highlightLabelExtent**: `number` — Gets or sets the angle for the highlight label in degrees.
- **highlightLabelFormat**: `string` — Gets or sets the format used when creating highlight label.
- **highlightLabelFormatSpecifiers**: `any[]` — Gets or sets the format specifiers to use with the HighlightLabelFormat string.
- **highlightLabelSnapsToNeedlePivot**: `boolean` — Gets or sets whether or not the highlight label should snap angle position to needle pivot (opposite of needle pointer).
- **highlightLabelText**: `string` — Gets or sets the text displayed for the highlight label of the gauge.
- **highlightLabelTextStyle**: `string` — Gets or Sets the style to use for the units text.
- **highlightValue**: `number` — Gets or sets the highlight value at which to point the secondary needle of the gauge.
- **highlightValueChanged**: `EventEmitter<any>` — Occurs when the Hightlight Value property changes.
- **highlightValueDisplayMode**: `HighlightedValueDisplayMode` — Gets or sets whether and how to display the highlighted value.
- **highlightValueOpacity**: `number` — Gets or sets the opacity of the primary needle while highlighting
- **interval**: `number` — Gets or sets the interval to use for the scale.
- **isHighlightNeedleDraggingConstrained**: `boolean` — Gets or sets whether the needle is constrained within the minimum and maximum value range during dragging.
- **isHighlightNeedleDraggingEnabled**: `boolean` — Gets or sets whether needle dragging is enabled or not.
- **isNeedleDraggingConstrained**: `boolean` — Gets or sets whether the needle is constrained within the minimum and maximum value range during dragging.
- **isNeedleDraggingEnabled**: `boolean` — Gets or sets whether needle dragging is enabled or not.
- **labelExtent**: `number` — Gets or sets the position at which to put the labels as a value from 0 to 1, measured form the center of the gauge.
Values further from zero than 1 can be used to make this extend further than the normal radius of the gauge.
- **labelFormat**: `string` — Gets or sets the label composite format used when creating label values.
- **labelFormatSpecifiers**: `any[]` — Gets or sets the format specifiers to use with the LabelFormat string.
- **labelInterval**: `number` — Gets or sets the interval to use for rendering labels. This defaults to be the same interval as the tickmarks on the scale.
- **maximumValue**: `number` — Gets or sets the maximum value of the scale.
- **minimumValue**: `number` — Gets or sets the minimum value of the scale.
- **minorTickBrush**: `string` — Gets or sets the brush to use for the minor tickmarks.
- **minorTickCount**: `number` — Gets or sets the number of minor tickmarks to place between major tickmarks.
- **minorTickEndExtent**: `number` — Gets or sets the position at which to stop rendering the minor tickmarks as a value from 0 to 1, measured from the center of the gauge.
Values further from zero than 1 can be used to make this extend further than the normal radius of the gauge.
- **minorTickStartExtent**: `number` — Gets or sets the position at which to start rendering the minor tickmarks as a value from 0 to 1, measured from the center of the gauge.
Values further from zero than 1 can be used to make this extend further than the normal radius of the gauge.
- **minorTickStrokeThickness**: `number` — Gets or sets the stroke thickness to use when rendering minor ticks.
- **needleBaseFeatureExtent**: `number` — Gets or sets the extent of the feature which is closest to the base (e.g. a bulb) with a value from -1 to 1. Note: Only some needle shapes respect this property, namely: NeedleWithBulb, RectangleWithBulb, TrapezoidWithBulb, and TriangleWithBulb.
Values further from zero than 1 can be used to make this extend further than the normal radius of the gauge.
- **needleBaseFeatureWidthRatio**: `number` — Gets or sets the width of the needle at its feature which is closest to the base (e.g. a bulb) with a value from 0 to 1. Note: Only some needle shapes respect this property, namely: NeedleWithBulb, RectangleWithBulb, TrapezoidWithBulb, and TriangleWithBulb.
Values further from zero than 1 can be used to make this extend further than the normal radius of the gauge.
- **needleBrush**: `string` — Gets or sets the brush to use when rendering the fill of the needle.
- **needleEndExtent**: `number` — Gets or sets the extent (from -1 to 1) at which to end rendering the needle, measured from the center of the gauge.
Values further from zero than 1 can be used to make this extend further than the normal radius of the gauge.
- **needleEndWidthRatio**: `number` — Gets or sets the width of the needle at its point using a value from (0 to 1). Note: Only some needle shapes respect this property.
Values further from zero than 1 can be used to make this extend further than the normal radius of the gauge.
- **needleOutline**: `string` — Gets or sets the brush to use when rendering the outline of the needle.
- **needlePivotBrush**: `string` — Gets or sets the brush to use for filling the needle cap. Note: this only applies to certain cap shapes.
- **needlePivotInnerWidthRatio**: `number` — Gets or sets the width of the inner cutout section of the needle cap with a value from 0 to 1. Note: Will only take effect if you have a cap set on the needle that has a cutout section.
- **needlePivotOutline**: `string` — Gets or sets the brush to use for the outlines of the needle cap.
- **needlePivotShape**: `RadialGaugePivotShape` — Gets or sets the shape to use for the needle cap.
- **needlePivotStrokeThickness**: `number` — Gets or sets the stroke thickness to use for the outline of the needle cap.
- **needlePivotWidthRatio**: `number` — Gets or sets the width of the cap of the needle with a value from 0 to 1. Note: Will only take effect if you have a cap set on the needle.
Values further from zero than 1 can be used to make this extend further than the normal radius of the gauge.
- **needlePointFeatureExtent**: `number` — Gets or sets the extent of the feature which is closest to the point (e.g. the tapering point of a needle) with a value from -1 to 1. Note: Only some needle shapes respect this property.
Values further from zero than 1 can be used to make this extend further than the normal radius of the gauge.
- **needlePointFeatureWidthRatio**: `number` — Gets or sets the width of the needle at its feature which is closest to the point (e.g. the tapering point of a needle) with a value from 0 to 1. Note: Only some needle shapes respect this property.
Values further from zero than 1 can be used to make this extend further than the normal radius of the gauge.
- **needleShape**: `RadialGaugeNeedleShape` — Gets or sets the shape to use when rendering the needle from a number of options.
- **needleStartExtent**: `number` — Gets or sets the extent (from -1 to 1) at which to start rendering the needle, measured from the center of the gauge.
Values further from zero than 1 can be used to make this extend further than the normal radius of the gauge.
- **needleStartWidthRatio**: `number` — Gets or sets the width of the needle at its point using a value from (0 to 1). Note: Only some needle shapes respect this property.
Values further from zero than 1 can be used to make this extend further than the normal radius of the gauge.
- **needleStrokeThickness**: `number` — Gets or sets the stroke thickness of the needle outline.
- **opticalScalingEnabled**: `boolean` — Gets or sets the title uses optical scaling when the gauge is resized.
- **opticalScalingRatio**: `number` — Gets the optical scaling ratio calculated by dividing minimum gauge size by value of OpticalScalingSize property.
- **opticalScalingSize**: `number` — Gets or sets the size at which labels have 100% optical scaling, e.g. labels will have larger fonts when gauge's size is larger
- labels will have 200% larger fonts when gauge's size is 1000 and this property is set to 500
- labels will have 50% smaller fonts when gauge's size is 250 and this property is set to 500
- **pixelScalingRatio**: `number` — Gets or sets the scaling value used to affect the pixel density of the control.
A higher scaling ratio will produce crisper visuals at the expense of memory.  Lower values will cause the control
to appear blurry.
- **radiusMultiplier**: `number` — Gets or sets the multiplying factor to apply to the normal radius of the gauge.
The radius of the gauge is defined by the minimum of the width and height of the control divided by 2.0.
This introduces a multiplicative factor to that value.
- **rangeBrushes**: `string[]` — Gets or sets a collection of brushes to be used as the palette for gauge ranges.
- **rangeOutlines**: `string[]` — Gets or sets a collection of brushes to be used as the palette for gauge outlines.
- **ranges**: `IgxRadialGaugeRangeCollection` — A collection or manually added axes for the chart.
- **scaleBrush**: `string` — Gets or sets the brush to use to fill the background of the scale.
- **scaleEndAngle**: `number` — Gets or sets the end angle for the scale in degrees.
- **scaleEndExtent**: `number` — Gets or sets the position at which to stop rendering the scale as a value from 0 to 1 measured from the center of the gauge.
Values further from zero than 1 can be used to make this extend further than the normal radius of the gauge.
- **scaleOversweep**: `number` — Gets or sets the extra degrees of sweep to apply to the scale background. Must be greater or equal to 0.
- **scaleOversweepShape**: `RadialGaugeScaleOversweepShape` — Gets or sets the oversweep shape to use for the excess fill area for the scale.
- **scaleStartAngle**: `number` — Gets or sets the start angle for the scale in degrees.
- **scaleStartExtent**: `number` — Gets or sets the position at which to start rendering the scale, measured from the center of the gauge as a value from 0 to 1.
Values further from zero than 1 can be used to make this extend further than the normal radius of the gauge.
- **scaleSweepDirection**: `SweepDirection` — Gets or sets the direction in which the scale sweeps around the center from the start angle to end angle.
- **subtitleAngle**: `number` — Gets or sets the angle for the inner label in degrees.
- **subtitleBrush**: `string` — Gets or sets the brush to use for rendering inner unit text
- **subtitleDisplaysValue**: `boolean` — Gets or sets the subtitle show values of the gauge.
- **subtitleExtent**: `number` — Gets or sets the angle for the inner label in degrees.
- **subtitleFormat**: `string` — Gets or sets the subtitle format used when creating subtitle label.
- **subtitleFormatSpecifiers**: `any[]` — Gets or sets the format specifiers to use with the SubtitleFormat string.
- **subtitleSnapsToNeedlePivot**: `boolean` — Gets or sets whether or not the subtitle should snap angle position to needle pivot (opposite of needle pointer).
- **subtitleText**: `string` — Gets or sets the text displayed in the subtitle of the gauge.
- **subtitleTextStyle**: `string` — Gets or Sets the style to use for the units text.
- **tickBrush**: `string` — Gets or sets the brush to use for the major tickmarks.
- **tickEndExtent**: `number` — Gets or sets the position at which to stop rendering the major tickmarks as a value from 0 to 1, measured from the center of the gauge.
Values further from zero than 1 can be used to make this extend further than the normal radius of the gauge.
- **tickStartExtent**: `number` — Gets or sets the position at which to start rendering the major tickmarks as a value from 0 to 1, measured from the center of the gauge.
Values further from zero than 1 can be used to make this extend further than the normal radius of the gauge.
- **tickStrokeThickness**: `number` — Gets or sets the stroke thickness to use when rendering ticks.
- **titleAngle**: `number` — Gets or sets the angle for the inner label in degrees.
- **titleBrush**: `string` — Gets or sets the brush to use for rendering inner unit text
- **titleDisplaysValue**: `boolean` — Gets or sets the title show values of the gauge.
- **titleExtent**: `number` — Gets or sets the angle for the inner label in degrees.
- **titleFormat**: `string` — Gets or sets the title format used when creating title label.
- **titleFormatSpecifiers**: `any[]` — Gets or sets the format specifiers to use with the TitleFormat string.
- **titleSnapsToNeedlePivot**: `boolean` — Gets or sets whether or not the title should snap angle position to needle pivot (opposite of needle pointer).
- **titleText**: `string` — Gets or sets the text displayed in the title of the gauge.
- **titleTextStyle**: `string` — Gets or Sets the style to use for the units text.
- **transitionDuration**: `number` — Gets or sets the number of milliseconds over which changes to the gauge should be animated.
- **transitionProgress**: `number` — Gets the transition progress of the animation when the control is animating.
- **value**: `number` — Gets or sets the value at which to point the needle of the gauge.
- **valueChanged**: `EventEmitter<any>` — Occurs when the Value property changes.
- **width**: `string`
- **containerResized**(): void
- **exportSerializedVisualData**(): string — Returns visuals as a serialized string.
- **findByName**(name: string): any
- **flush**(): void — Use to force the radial gauge to finish any deferred work before printing or evaluating its visual.
This should only be called if the visual of the radial gauge needs to be synchronously saved or evaluated.
Calling this method too often will hinder the performance of the radial gauge.
- **getPointForValue**(value: number, extent: number): IgPoint
- **getValueForPoint**(point: IgPoint): number — Gets the value for the main scale of the gauge for a given point within the bounds of the gauge.
- **highlightNeedleContainsPoint**(point: IgPoint, isFinger: boolean): boolean
- **needleContainsPoint**(point: IgPoint, isFinger: boolean): boolean
- **ngAfterContentInit**(): void — A callback method that is invoked immediately after
Angular has completed initialization of all of the directive's
content.
It is invoked only once when the directive is instantiated.
- **ngAfterViewInit**(): void — A callback method that is invoked immediately after
Angular has completed initialization of a component's view.
It is invoked only once when the view is instantiated.
- **ngOnDestroy**(): void — A callback method that performs custom clean-up, invoked immediately
before a directive, pipe, or service instance is destroyed.
- **provideContainer**(container: any): void — Called by the UI framework to provide a UI container for rendering this control.
- **scaleValue**(value: number): number — Scales a value on the gauge's main scale to an angle around the center point of the gauge, in radians.
- **styleUpdated**(): void
- **unscaleValue**(angle: number): number — Unscales a value from an angle in radians to the represented value along the main scale of the gauge.
- **updateStyle**(): void
- static **_createFromInternal**(internal: any): IgxRadialGaugeComponent

### [IgxRadialGaugeRangeCollection](https://www.infragistics.com/api/angular/igniteui-angular-gauges/latest/classes/IgxRadialGaugeRangeCollection)

- **constructor**(list?: IgxRadialGaugeRangeComponent[]): IgxRadialGaugeRangeCollection

### [IgxRadialGaugeRangeComponent](https://www.infragistics.com/api/angular/igniteui-angular-gauges/latest/classes/IgxRadialGaugeRangeComponent)

- **constructor**(): IgxRadialGaugeRangeComponent
- static **ngAcceptInputType_endValue**: `string | number`
- static **ngAcceptInputType_innerEndExtent**: `string | number`
- static **ngAcceptInputType_innerStartExtent**: `string | number`
- static **ngAcceptInputType_outerEndExtent**: `string | number`
- static **ngAcceptInputType_outerStartExtent**: `string | number`
- static **ngAcceptInputType_startValue**: `string | number`
- static **ngAcceptInputType_strokeThickness**: `string | number`
- static **ɵcmp**: `unknown`
- static **ɵfac**: `unknown`
- **brush**: `string` — Gets or sets the brush to use to fill the range.
- **endValue**: `number` — Gets or sets the value at which the range ends along the scale.
- **i**: `XamRadialGaugeRange`
- **innerEndExtent**: `number` — Gets or sets the distance from the center of the gauge (from 0 to 1) at which to end rendering the inner sweep of the range.
Values further from zero than 1 can be used to make this extend further than the normal radius of the gauge.
- **innerStartExtent**: `number` — Gets or sets the distance from the center of the gauge (from 0 to 1) at which to start rendering the inner sweep of the range.
Values further from zero than 1 can be used to make this extend further than the normal radius of the gauge.
- **name**: `string` — Gets or sets the name of the range.
- **outerEndExtent**: `number` — Gets or sets the distance from the center of the gauge (from 0 to 1) at which to end rendering the outer sweep of the range.
Values further from zero than 1 can be used to make this extend further than the normal radius of the gauge.
- **outerStartExtent**: `number` — Gets or sets the distance from the center of the gauge (from 0 to 1) at which to start rendering the outer sweep of the range.
Values further from zero than 1 can be used to make this extend further than the normal radius of the gauge.
- **outline**: `string` — Gets or sets the outline to use when rendering the range.
- **rangeInternal**: `XamRadialGaugeRange`
- **startValue**: `number` — Gets or sets the value at which the range starts along the scale.
- **strokeThickness**: `number` — Gets or sets the stroke thickness to use when rendering this range's outline.
- **findByName**(name: string): any
- **ngOnInit**(): void — A callback method that is invoked immediately after the
default change detector has checked the directive's
data-bound properties for the first time,
and before any of the view or content children have been checked.
It is invoked only once when the directive is instantiated.
- static **_createFromInternal**(internal: any): IgxRadialGaugeRangeComponent

## Enumerations

### [LinearGraphNeedleShape](https://www.infragistics.com/api/angular/igniteui-angular-gauges/latest/enums/LinearGraphNeedleShape)
Enumeration of preset needle shapes.

- **Custom** = 0 — A custom user defined needle shape.
- **Needle** = 3 — A needle shaped like a needle.
- **Rectangle** = 1 — A needle shaped like a rectangle.
- **Trapezoid** = 4 — A needle shaped like a trapezoid.
- **Triangle** = 2 — A needle shaped like a triangle.

### [LinearScaleOrientation](https://www.infragistics.com/api/angular/igniteui-angular-gauges/latest/enums/LinearScaleOrientation)
Describes the orientation of a linear scale.

- **Horizontal** = 0 — The scale has a horizontal orientation.
- **Vertical** = 1 — The scale has a vertical orientation.

### [RadialGaugeBackingShape](https://www.infragistics.com/api/angular/igniteui-angular-gauges/latest/enums/RadialGaugeBackingShape)
Enum specifying shapes that can be used by the backing area of the radial gauge.

- **Circular** = 0 — A circular backing shape.
- **Fitted** = 1 — A fitted backing shape.

### [RadialGaugeDuplicateLabelOmissionStrategy](https://www.infragistics.com/api/angular/igniteui-angular-gauges/latest/enums/RadialGaugeDuplicateLabelOmissionStrategy)
Enum specifying multiple strategies for omitting labels.

- **OmitBoth** = 3 — Omit both labels.
- **OmitFirst** = 1 — Omit the first label.
- **OmitLast** = 0 — Omit the last label.
- **OmitNeither** = 2 — Omit no labels.

### [RadialGaugeNeedleShape](https://www.infragistics.com/api/angular/igniteui-angular-gauges/latest/enums/RadialGaugeNeedleShape)
Enum specifying various preset needle shapes.

- **Needle** = 3 — A needle shape.
- **NeedleWithBulb** = 7 — A needle shape with a bulb at the end.
- **None** = 0 — No shape.
- **Rectangle** = 1 — A rectangle shape.
- **RectangleWithBulb** = 5 — A rectangle shape with a bulb at the end.
- **Trapezoid** = 4 — A trapezoid shape.
- **TrapezoidWithBulb** = 8 — A trapezoid shape with a bulb at the end.
- **Triangle** = 2 — A triangle shape.
- **TriangleWithBulb** = 6 — A triangle shape with a bulb at the end.

### [RadialGaugePivotShape](https://www.infragistics.com/api/angular/igniteui-angular-gauges/latest/enums/RadialGaugePivotShape)
Enum specifying shapes for the needle pivot.

- **Circle** = 1 — A circle shaped pivot.
- **CircleOverlay** = 3 — A circle pivot overlayed on top of the needle.
- **CircleOverlayWithHole** = 4 — A circle pivot with a hole in it overlayed on top of the needle.
- **CircleUnderlay** = 5 — A circle pivot rendered underneath the needle.
- **CircleUnderlayWithHole** = 6 — A circle pivot with a hold in it rendered underneath the needle.
- **CircleWithHole** = 2 — A circle pivot with a hole in it.
- **None** = 0 — No pivot shape.

### [RadialGaugeScaleOversweepShape](https://www.infragistics.com/api/angular/igniteui-angular-gauges/latest/enums/RadialGaugeScaleOversweepShape)
Enum specifying oversweep shapes.

- **Auto** = 0 — A default oversweep shape.
- **Circular** = 1 — A circular oversweep shape.
- **Fitted** = 2 — A fitted oversweep shape.

### [TitlesPosition](https://www.infragistics.com/api/angular/igniteui-angular-gauges/latest/enums/TitlesPosition)
Enum specifying the position of the titles relative to scale's start/end.

- **ScaleEnd** = 1 — The titles are placed at the scale's end (maximum value).
- **ScaleStart** = 0 — The titles are placed at scale's start (minimum value).

## Variables

### [BulletGraphStylingDefaults](https://www.infragistics.com/api/angular/igniteui-angular-gauges/latest/variables/BulletGraphStylingDefaults)
`any`

### [LinearGaugeStylingDefaults](https://www.infragistics.com/api/angular/igniteui-angular-gauges/latest/variables/LinearGaugeStylingDefaults)
`any`

### [RadialGaugeStylingDefaults](https://www.infragistics.com/api/angular/igniteui-angular-gauges/latest/variables/RadialGaugeStylingDefaults)
`any`
