IgxLinearGaugeComponent

A linear gauge for displaying a single value on a defined scale.

Constructors

new IgxLinearGaugeComponent(_renderer: Renderer2, _elRef: ViewContainerRef, _ngZone: NgZone, _componentFactoryResolver: ComponentFactoryResolver, _injector: Injector): IgxLinearGaugeComponent

Returns IgxLinearGaugeComponent

Properties

_dynamicContent

_dynamicContent: ViewContainerRef

actualRanges

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.

actualRanges: IgxLinearGraphRangeComponent[]

contentRanges

contentRanges: QueryList<IgxLinearGraphRangeComponent>

ngAcceptInputType_actualHighlightValueDisplayMode

ngAcceptInputType_actualHighlightValueDisplayMode: any

ngAcceptInputType_actualHighlightValueOpacity

ngAcceptInputType_actualHighlightValueOpacity: string | number

ngAcceptInputType_actualMaximumValue

ngAcceptInputType_actualMaximumValue: string | number

ngAcceptInputType_actualMinimumValue

ngAcceptInputType_actualMinimumValue: string | number

ngAcceptInputType_actualPixelScalingRatio

ngAcceptInputType_actualPixelScalingRatio: string | number

ngAcceptInputType_animating

ngAcceptInputType_animating: string | boolean

ngAcceptInputType_backingInnerExtent

ngAcceptInputType_backingInnerExtent: string | number

ngAcceptInputType_backingOuterExtent

ngAcceptInputType_backingOuterExtent: string | number

ngAcceptInputType_backingStrokeThickness

ngAcceptInputType_backingStrokeThickness: string | number

ngAcceptInputType_highlightValue

ngAcceptInputType_highlightValue: string | number

ngAcceptInputType_highlightValueDisplayMode

ngAcceptInputType_highlightValueDisplayMode: any

ngAcceptInputType_highlightValueOpacity

ngAcceptInputType_highlightValueOpacity: string | number

ngAcceptInputType_interval

ngAcceptInputType_interval: string | number

ngAcceptInputType_isHighlightNeedleDraggingEnabled

ngAcceptInputType_isHighlightNeedleDraggingEnabled: string | boolean

ngAcceptInputType_isNeedleDraggingEnabled

ngAcceptInputType_isNeedleDraggingEnabled: string | boolean

ngAcceptInputType_isScaleInverted

ngAcceptInputType_isScaleInverted: string | boolean

ngAcceptInputType_labelExtent

ngAcceptInputType_labelExtent: string | number

ngAcceptInputType_labelFormatSpecifiers

ngAcceptInputType_labelFormatSpecifiers: string | any[]

ngAcceptInputType_labelInterval

ngAcceptInputType_labelInterval: string | number

ngAcceptInputType_labelsPostInitial

ngAcceptInputType_labelsPostInitial: string | number

ngAcceptInputType_labelsPreTerminal

ngAcceptInputType_labelsPreTerminal: string | number

ngAcceptInputType_labelsVisible

ngAcceptInputType_labelsVisible: string | boolean

ngAcceptInputType_maximumValue

ngAcceptInputType_maximumValue: string | number

ngAcceptInputType_mergeViewports

ngAcceptInputType_mergeViewports: string | boolean

ngAcceptInputType_minimumValue

ngAcceptInputType_minimumValue: string | number

ngAcceptInputType_minorTickCount

ngAcceptInputType_minorTickCount: string | number

ngAcceptInputType_minorTickEndExtent

ngAcceptInputType_minorTickEndExtent: string | number

ngAcceptInputType_minorTickStartExtent

ngAcceptInputType_minorTickStartExtent: string | number

ngAcceptInputType_minorTickStrokeThickness

ngAcceptInputType_minorTickStrokeThickness: string | number

ngAcceptInputType_needleBreadth

ngAcceptInputType_needleBreadth: string | number

ngAcceptInputType_needleInnerBaseWidth

ngAcceptInputType_needleInnerBaseWidth: string | number

ngAcceptInputType_needleInnerExtent

ngAcceptInputType_needleInnerExtent: string | number

ngAcceptInputType_needleInnerPointExtent

ngAcceptInputType_needleInnerPointExtent: string | number

ngAcceptInputType_needleInnerPointWidth

ngAcceptInputType_needleInnerPointWidth: string | number

ngAcceptInputType_needleOuterBaseWidth

ngAcceptInputType_needleOuterBaseWidth: string | number

ngAcceptInputType_needleOuterExtent

ngAcceptInputType_needleOuterExtent: string | number

ngAcceptInputType_needleOuterPointExtent

ngAcceptInputType_needleOuterPointExtent: string | number

ngAcceptInputType_needleOuterPointWidth

ngAcceptInputType_needleOuterPointWidth: string | number

ngAcceptInputType_needleShape

ngAcceptInputType_needleShape: string | LinearGraphNeedleShape

ngAcceptInputType_needleStrokeThickness

ngAcceptInputType_needleStrokeThickness: string | number

ngAcceptInputType_orientation

ngAcceptInputType_orientation: string | LinearScaleOrientation

ngAcceptInputType_pixelScalingRatio

ngAcceptInputType_pixelScalingRatio: string | number

ngAcceptInputType_rangeBrushes

ngAcceptInputType_rangeBrushes: string | string[]

ngAcceptInputType_rangeInnerExtent

ngAcceptInputType_rangeInnerExtent: string | number

ngAcceptInputType_rangeOuterExtent

ngAcceptInputType_rangeOuterExtent: string | number

ngAcceptInputType_rangeOutlines

ngAcceptInputType_rangeOutlines: string | string[]

ngAcceptInputType_scaleEndExtent

ngAcceptInputType_scaleEndExtent: string | number

ngAcceptInputType_scaleInnerExtent

ngAcceptInputType_scaleInnerExtent: string | number

ngAcceptInputType_scaleOuterExtent

ngAcceptInputType_scaleOuterExtent: string | number

ngAcceptInputType_scaleStartExtent

ngAcceptInputType_scaleStartExtent: string | number

ngAcceptInputType_scaleStrokeThickness

ngAcceptInputType_scaleStrokeThickness: string | number

ngAcceptInputType_showToolTip

ngAcceptInputType_showToolTip: string | boolean

ngAcceptInputType_showToolTipTimeout

ngAcceptInputType_showToolTipTimeout: string | number

ngAcceptInputType_tickEndExtent

ngAcceptInputType_tickEndExtent: string | number

ngAcceptInputType_ticksPostInitial

ngAcceptInputType_ticksPostInitial: string | number

ngAcceptInputType_ticksPreTerminal

ngAcceptInputType_ticksPreTerminal: string | number

ngAcceptInputType_tickStartExtent

ngAcceptInputType_tickStartExtent: string | number

ngAcceptInputType_tickStrokeThickness

ngAcceptInputType_tickStrokeThickness: string | number

ngAcceptInputType_transitionDuration

ngAcceptInputType_transitionDuration: string | number

ngAcceptInputType_transitionProgress

ngAcceptInputType_transitionProgress: string | number

ngAcceptInputType_value

ngAcceptInputType_value: string | number

ɵcmp

ɵcmp: ɵɵComponentDeclaration<IgxLinearGaugeComponent, "igx-linear-gauge", never, object, object, ["contentRanges"], never>

ɵfac

ɵfac: ɵɵFactoryDeclaration<IgxLinearGaugeComponent, never>

actualHighlightValueDisplayMode

actualHighlightValueDisplayMode: HighlightedValueDisplayMode

actualHighlightValueOpacity

actualHighlightValueOpacity: number

actualMaximumValue

actualMaximumValue: number

actualMinimumValue

actualMinimumValue: number

actualPixelScalingRatio

actualPixelScalingRatio: number

backingBrush

backingBrush: string

backingInnerExtent

backingInnerExtent: number

backingOuterExtent

backingOuterExtent: number

backingOutline

backingOutline: string

backingStrokeThickness

backingStrokeThickness: number

font

font: string

fontBrush

fontBrush: string

height

height: string

highlightValue

highlightValue: number

highlightValueDisplayMode

highlightValueDisplayMode: HighlightedValueDisplayMode

highlightValueOpacity

highlightValueOpacity: number

interval

interval: number

isHighlightNeedleDraggingEnabled

isHighlightNeedleDraggingEnabled: boolean

isNeedleDraggingEnabled

isNeedleDraggingEnabled: boolean

isScaleInverted

isScaleInverted: boolean

labelExtent

labelExtent: number

labelFormat

labelFormat: string

labelFormatSpecifiers

labelFormatSpecifiers: any[]

labelInterval

labelInterval: number

labelsPostInitial

labelsPostInitial: number

labelsPreTerminal

labelsPreTerminal: number

labelsVisible

labelsVisible: boolean

maximumValue

maximumValue: number

mergeViewports

mergeViewports: boolean

minimumValue

minimumValue: number

minorTickBrush

minorTickBrush: string

minorTickCount

minorTickCount: number

minorTickEndExtent

minorTickEndExtent: number

minorTickStartExtent

minorTickStartExtent: number

minorTickStrokeThickness

minorTickStrokeThickness: number

needleBreadth

needleBreadth: number

needleBrush

needleBrush: string

needleInnerBaseWidth

needleInnerBaseWidth: number

needleInnerExtent

needleInnerExtent: number

needleInnerPointExtent

needleInnerPointExtent: number

needleInnerPointWidth

needleInnerPointWidth: number

needleName

needleName: string

needleOuterBaseWidth

needleOuterBaseWidth: number

needleOuterExtent

needleOuterExtent: number

needleOuterPointExtent

needleOuterPointExtent: number

needleOuterPointWidth

needleOuterPointWidth: number

needleOutline

needleOutline: string

needleShape

needleShape: LinearGraphNeedleShape

needleStrokeThickness

needleStrokeThickness: number

orientation

orientation: LinearScaleOrientation

pixelScalingRatio

pixelScalingRatio: number

rangeBrushes

rangeBrushes: string[]

rangeInnerExtent

rangeInnerExtent: number

rangeOuterExtent

rangeOuterExtent: number

rangeOutlines

rangeOutlines: string[]

scaleBrush

scaleBrush: string

scaleEndExtent

scaleEndExtent: number

scaleInnerExtent

scaleInnerExtent: number

scaleOuterExtent

scaleOuterExtent: number

scaleOutline

scaleOutline: string

scaleStartExtent

scaleStartExtent: number

scaleStrokeThickness

scaleStrokeThickness: number

showToolTip

showToolTip: boolean

showToolTipTimeout

showToolTipTimeout: number

tickBrush

tickBrush: string

tickEndExtent

tickEndExtent: number

ticksPostInitial

ticksPostInitial: number

ticksPreTerminal

ticksPreTerminal: number

tickStartExtent

tickStartExtent: number

tickStrokeThickness

tickStrokeThickness: number

tooltipTemplate

tooltipTemplate: TemplateRef<any>

transitionDuration

transitionDuration: number

transitionProgress

transitionProgress: number

value

value: number

width

width: string

Accessors

actualMaximumValueChange

get actualMaximumValueChange(): EventEmitter<number>

Returns EventEmitter<number>

actualMinimumValueChange

get actualMinimumValueChange(): EventEmitter<number>

Returns EventEmitter<number>

alignLabel

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.

get alignLabel(): EventEmitter<object>

Returns EventEmitter<object>

animating

Gets a value indicating whether the bullet graph is currently animating.

get animating(): boolean

Returns boolean

formatLabel

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.

get formatLabel(): EventEmitter<object>

Returns EventEmitter<object>

highlightValueChanged

Occurs when the Hightlight Value property changes.

get highlightValueChanged(): EventEmitter<object>

Returns EventEmitter<object>

ranges

A collection or manually added axes for the chart.

get ranges(): IgxLinearGraphRangeCollection

Returns IgxLinearGraphRangeCollection

valueChanged

Occurs when the Value property changes.

get valueChanged(): EventEmitter<object>

Returns EventEmitter<object>

Methods

containerResized

containerResized(): void

Returns void

exportSerializedVisualData

Returns visuals as a serialized string.

exportSerializedVisualData(): string

Returns string

findByName

findByName(name: string): any

Parameters

name: string

Returns any

flush

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.

flush(): void

Returns void

getValueForPoint

Gets the value for the main scale of the gauge for a given point within the bounds of the gauge.

getValueForPoint(point: IgPoint): number

Parameters

point: IgPoint
- The point for which to retrieve the associated value.

Returns number

highlightNeedleContainsPoint

highlightNeedleContainsPoint(point: IgPoint, isFinger: boolean): boolean

Parameters

point: IgPoint
isFinger: boolean

Returns boolean

needleContainsPoint

needleContainsPoint(point: IgPoint, isFinger: boolean): boolean

Parameters

point: IgPoint
isFinger: boolean

Returns boolean

ngAfterContentInit

ngAfterContentInit(): void

Returns void

ngAfterViewInit

ngAfterViewInit(): void

Returns void

ngOnDestroy

ngOnDestroy(): void

Returns void

provideContainer

Called by the UI framework to provide a UI container for rendering this control.

provideContainer(container: any): void

Parameters

container: any
- The UI container element.

Returns void

styleUpdated

styleUpdated(): void

Returns void

updateStyle

updateStyle(): void

Returns void

_createFromInternal

_createFromInternal(internal: any): IgxLinearGaugeComponent

Parameters

internal: any