IgxBulletGraphComponent

Represents a bullet graph.

Constructors

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

Returns IgxBulletGraphComponent

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_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_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_scaleBackgroundThickness

ngAcceptInputType_scaleBackgroundThickness: string | number

ngAcceptInputType_scaleEndExtent

ngAcceptInputType_scaleEndExtent: string | number

ngAcceptInputType_scaleStartExtent

ngAcceptInputType_scaleStartExtent: string | number

ngAcceptInputType_showToolTip

ngAcceptInputType_showToolTip: string | boolean

ngAcceptInputType_showToolTipTimeout

ngAcceptInputType_showToolTipTimeout: string | number

ngAcceptInputType_targetValue

ngAcceptInputType_targetValue: string | number

ngAcceptInputType_targetValueBreadth

ngAcceptInputType_targetValueBreadth: string | number

ngAcceptInputType_targetValueInnerExtent

ngAcceptInputType_targetValueInnerExtent: string | number

ngAcceptInputType_targetValueOuterExtent

ngAcceptInputType_targetValueOuterExtent: string | number

ngAcceptInputType_targetValueStrokeThickness

ngAcceptInputType_targetValueStrokeThickness: 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

ngAcceptInputType_valueInnerExtent

ngAcceptInputType_valueInnerExtent: string | number

ngAcceptInputType_valueOuterExtent

ngAcceptInputType_valueOuterExtent: string | number

ngAcceptInputType_valueStrokeThickness

ngAcceptInputType_valueStrokeThickness: string | number

ɵcmp

ɵcmp: ɵɵComponentDeclaration<IgxBulletGraphComponent, "igx-bullet-graph", never, object, object, ["contentRanges"], never>

ɵfac

ɵfac: ɵɵFactoryDeclaration<IgxBulletGraphComponent, 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

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

orientation

orientation: LinearScaleOrientation

pixelScalingRatio

pixelScalingRatio: number

rangeBrushes

rangeBrushes: string[]

rangeInnerExtent

rangeInnerExtent: number

rangeOuterExtent

rangeOuterExtent: number

rangeOutlines

rangeOutlines: string[]

scaleBackgroundBrush

scaleBackgroundBrush: string

scaleBackgroundOutline

scaleBackgroundOutline: string

scaleBackgroundThickness

scaleBackgroundThickness: number

scaleEndExtent

scaleEndExtent: number

scaleStartExtent

scaleStartExtent: number

showToolTip

showToolTip: boolean

showToolTipTimeout

showToolTipTimeout: number

targetValue

targetValue: number

targetValueBreadth

targetValueBreadth: number

targetValueBrush

targetValueBrush: string

targetValueInnerExtent

targetValueInnerExtent: number

targetValueName

targetValueName: string

targetValueOuterExtent

targetValueOuterExtent: number

targetValueOutline

targetValueOutline: string

targetValueStrokeThickness

targetValueStrokeThickness: 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

valueBrush

valueBrush: string

valueInnerExtent

valueInnerExtent: number

valueName

valueName: string

valueOuterExtent

valueOuterExtent: number

valueOutline

valueOutline: string

valueStrokeThickness

valueStrokeThickness: 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 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.

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 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.

get formatLabel(): EventEmitter<object>

Returns EventEmitter<object>

ranges

A collection or manually added axes for the chart.

get ranges(): IgxLinearGraphRangeCollection

Returns IgxLinearGraphRangeCollection

Methods

containerResized

Notify that the container has resized.

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 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.

flush(): void

Returns void

getValueForPoint

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

getValueForPoint(point: IgPoint): number

Parameters

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

Returns number

ngAfterContentInit

ngAfterContentInit(): void

Returns void

ngAfterViewInit

ngAfterViewInit(): void

Returns void

ngOnDestroy

ngOnDestroy(): void

Returns void

provideContainer

Provide a container for the bullet graph.

provideContainer(container: any): void

Parameters

container: any
- The container.

Returns void

styleUpdated

Notify that the bullet graph styling has updated.

styleUpdated(): void

Returns void

updateStyle

updateStyle(): void

Returns void

_createFromInternal

_createFromInternal(internal: any): IgxBulletGraphComponent

Parameters

internal: any