Represents a bullet graph.

IgxBulletGraphComponent

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

Returns IgxBulletGraphComponent

_dynamicContent: ViewContainerRef

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: QueryList<IgxLinearGraphRangeComponent>

ngAcceptInputType_actualHighlightValueDisplayMode

Section titled "ngAcceptInputType_actualHighlightValueDisplayMode"
ngAcceptInputType_actualHighlightValueDisplayMode: any

ngAcceptInputType_actualHighlightValueOpacity

Section titled "ngAcceptInputType_actualHighlightValueOpacity"
ngAcceptInputType_actualHighlightValueOpacity: string | number

ngAcceptInputType_actualMaximumValue

Section titled "ngAcceptInputType_actualMaximumValue"
ngAcceptInputType_actualMaximumValue: string | number

ngAcceptInputType_actualMinimumValue

Section titled "ngAcceptInputType_actualMinimumValue"
ngAcceptInputType_actualMinimumValue: string | number

ngAcceptInputType_actualPixelScalingRatio

Section titled "ngAcceptInputType_actualPixelScalingRatio"
ngAcceptInputType_actualPixelScalingRatio: string | number
ngAcceptInputType_animating: string | boolean

ngAcceptInputType_backingInnerExtent

Section titled "ngAcceptInputType_backingInnerExtent"
ngAcceptInputType_backingInnerExtent: string | number

ngAcceptInputType_backingOuterExtent

Section titled "ngAcceptInputType_backingOuterExtent"
ngAcceptInputType_backingOuterExtent: string | number

ngAcceptInputType_backingStrokeThickness

Section titled "ngAcceptInputType_backingStrokeThickness"
ngAcceptInputType_backingStrokeThickness: string | number
ngAcceptInputType_highlightValue: string | number

ngAcceptInputType_highlightValueDisplayMode

Section titled "ngAcceptInputType_highlightValueDisplayMode"
ngAcceptInputType_highlightValueDisplayMode: any

ngAcceptInputType_highlightValueOpacity

Section titled "ngAcceptInputType_highlightValueOpacity"
ngAcceptInputType_highlightValueOpacity: string | number
ngAcceptInputType_interval: string | number
ngAcceptInputType_isScaleInverted: string | boolean
ngAcceptInputType_labelExtent: string | number

ngAcceptInputType_labelFormatSpecifiers

Section titled "ngAcceptInputType_labelFormatSpecifiers"
ngAcceptInputType_labelFormatSpecifiers: string | any[]
ngAcceptInputType_labelInterval: string | number

ngAcceptInputType_labelsPostInitial

Section titled "ngAcceptInputType_labelsPostInitial"
ngAcceptInputType_labelsPostInitial: string | number

ngAcceptInputType_labelsPreTerminal

Section titled "ngAcceptInputType_labelsPreTerminal"
ngAcceptInputType_labelsPreTerminal: string | number
ngAcceptInputType_labelsVisible: string | boolean
ngAcceptInputType_maximumValue: string | number
ngAcceptInputType_mergeViewports: string | boolean
ngAcceptInputType_minimumValue: string | number
ngAcceptInputType_minorTickCount: string | number

ngAcceptInputType_minorTickEndExtent

Section titled "ngAcceptInputType_minorTickEndExtent"
ngAcceptInputType_minorTickEndExtent: string | number

ngAcceptInputType_minorTickStartExtent

Section titled "ngAcceptInputType_minorTickStartExtent"
ngAcceptInputType_minorTickStartExtent: string | number

ngAcceptInputType_minorTickStrokeThickness

Section titled "ngAcceptInputType_minorTickStrokeThickness"
ngAcceptInputType_minorTickStrokeThickness: string | number
ngAcceptInputType_orientation: string | LinearScaleOrientation

ngAcceptInputType_pixelScalingRatio

Section titled "ngAcceptInputType_pixelScalingRatio"
ngAcceptInputType_pixelScalingRatio: string | number
ngAcceptInputType_rangeBrushes: string | string[]
ngAcceptInputType_rangeInnerExtent: string | number
ngAcceptInputType_rangeOuterExtent: string | number
ngAcceptInputType_rangeOutlines: string | string[]

ngAcceptInputType_scaleBackgroundThickness

Section titled "ngAcceptInputType_scaleBackgroundThickness"
ngAcceptInputType_scaleBackgroundThickness: string | number
ngAcceptInputType_scaleEndExtent: string | number
ngAcceptInputType_scaleStartExtent: string | number
ngAcceptInputType_showToolTip: string | boolean

ngAcceptInputType_showToolTipTimeout

Section titled "ngAcceptInputType_showToolTipTimeout"
ngAcceptInputType_showToolTipTimeout: string | number
ngAcceptInputType_targetValue: string | number

ngAcceptInputType_targetValueBreadth

Section titled "ngAcceptInputType_targetValueBreadth"
ngAcceptInputType_targetValueBreadth: string | number

ngAcceptInputType_targetValueInnerExtent

Section titled "ngAcceptInputType_targetValueInnerExtent"
ngAcceptInputType_targetValueInnerExtent: string | number

ngAcceptInputType_targetValueOuterExtent

Section titled "ngAcceptInputType_targetValueOuterExtent"
ngAcceptInputType_targetValueOuterExtent: string | number

ngAcceptInputType_targetValueStrokeThickness

Section titled "ngAcceptInputType_targetValueStrokeThickness"
ngAcceptInputType_targetValueStrokeThickness: string | number
ngAcceptInputType_tickEndExtent: string | number
ngAcceptInputType_ticksPostInitial: string | number
ngAcceptInputType_ticksPreTerminal: string | number
ngAcceptInputType_tickStartExtent: string | number

ngAcceptInputType_tickStrokeThickness

Section titled "ngAcceptInputType_tickStrokeThickness"
ngAcceptInputType_tickStrokeThickness: string | number

ngAcceptInputType_transitionDuration

Section titled "ngAcceptInputType_transitionDuration"
ngAcceptInputType_transitionDuration: string | number

ngAcceptInputType_transitionProgress

Section titled "ngAcceptInputType_transitionProgress"
ngAcceptInputType_transitionProgress: string | number
ngAcceptInputType_value: string | number
ngAcceptInputType_valueInnerExtent: string | number
ngAcceptInputType_valueOuterExtent: string | number

ngAcceptInputType_valueStrokeThickness

Section titled "ngAcceptInputType_valueStrokeThickness"
ngAcceptInputType_valueStrokeThickness: string | number
ɵcmp: ɵɵComponentDeclaration<IgxBulletGraphComponent, "igx-bullet-graph", never, object, object, ["contentRanges"], never, true, never>
ɵfac: ɵɵFactoryDeclaration<IgxBulletGraphComponent, never>

Gets whether and how to display the highlighted value.

get actualHighlightValueDisplayMode(): HighlightedValueDisplayMode

Returns HighlightedValueDisplayMode

set actualHighlightValueDisplayMode(v: HighlightedValueDisplayMode): void

Parameters

  • v: HighlightedValueDisplayMode

Returns void

Gets the actual opacity of the primary needle while highlighting

get actualHighlightValueOpacity(): number

Returns number

set actualHighlightValueOpacity(v: number): void

Parameters

  • v: number

Returns void

Gets the resolved maximum value of the scale.

get actualMaximumValue(): number

Returns number

set actualMaximumValue(v: number): void

Parameters

  • v: number

Returns void

get actualMaximumValueChange(): EventEmitter<number>

Returns EventEmitter<number>

Gets the resolved minimum value of the scale.

get actualMinimumValue(): number

Returns number

set actualMinimumValue(v: number): void

Parameters

  • v: number

Returns void

get actualMinimumValueChange(): EventEmitter<number>

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

get actualPixelScalingRatio(): number

Returns number

set actualPixelScalingRatio(v: number): void

Parameters

  • v: number

Returns void

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>

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

get animating(): boolean

Returns boolean

Gets or sets the brush to use to fill the backing of the bullet graph.

get backingBrush(): string

Returns string

set backingBrush(v: string): void

Parameters

  • v: string

Returns void

Gets or sets the inner extent of the bullet graph backing.

get backingInnerExtent(): number

Returns number

set backingInnerExtent(v: number): void

Parameters

  • v: number

Returns void

Gets or sets the outer extent of the bullet graph backing.

get backingOuterExtent(): number

Returns number

set backingOuterExtent(v: number): void

Parameters

  • v: number

Returns void

Gets or sets the brush to use for the outline of the backing.

get backingOutline(): string

Returns string

set backingOutline(v: string): void

Parameters

  • v: string

Returns void

Gets or sets the stroke thickness of the backing outline.

get backingStrokeThickness(): number

Returns number

set backingStrokeThickness(v: number): void

Parameters

  • v: number

Returns void

Gets or sets the font.

get font(): string

Returns string

set font(v: string): void

Parameters

  • v: string

Returns void

Gets or sets the brush to use for the label font.

get fontBrush(): string

Returns string

set fontBrush(v: string): void

Parameters

  • v: string

Returns void

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>

get height(): string

Returns string

set height(value: string): void

Parameters

  • value: string

Returns void

Gets or sets the highlight value at which to point the secondary needle of the gauge.

get highlightValue(): number

Returns number

set highlightValue(v: number): void

Parameters

  • v: number

Returns void

Gets or sets whether and how to display the highlighted value.

get highlightValueDisplayMode(): HighlightedValueDisplayMode

Returns HighlightedValueDisplayMode

set highlightValueDisplayMode(v: HighlightedValueDisplayMode): void

Parameters

  • v: HighlightedValueDisplayMode

Returns void

Gets or sets the opacity of the primary needle while highlighting

get highlightValueOpacity(): number

Returns number

set highlightValueOpacity(v: number): void

Parameters

  • v: number

Returns void

Gets or sets the interval to use for the scale.

get interval(): number

Returns number

set interval(v: number): void

Parameters

  • v: number

Returns void

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.

get isScaleInverted(): boolean

Returns boolean

set isScaleInverted(v: boolean): void

Parameters

  • v: boolean

Returns void

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.

get labelExtent(): number

Returns number

set labelExtent(v: number): void

Parameters

  • v: number

Returns void

Gets or sets the label composite format used when creating label values.

get labelFormat(): string

Returns string

set labelFormat(v: string): void

Parameters

  • v: string

Returns void

Gets or sets the format specifiers to use with the LabelFormat string.

get labelFormatSpecifiers(): any[]

Returns any[]

set labelFormatSpecifiers(v: any[]): void

Parameters

  • v: any[]

Returns void

Gets or sets the interval to use for rendering labels. This defaults to be the same interval as the tickmarks on the scale.

get labelInterval(): number

Returns number

set labelInterval(v: number): void

Parameters

  • v: number

Returns void

A value to start adding labels, added to the scale's MinimumValue.

get labelsPostInitial(): number

Returns number

set labelsPostInitial(v: number): void

Parameters

  • v: number

Returns void

A value to stop adding labels, subtracted from the scale's MaximumValue.

get labelsPreTerminal(): number

Returns number

set labelsPreTerminal(v: number): void

Parameters

  • v: number

Returns void

Gets or sets whether the labels are visible in the gauge.

get labelsVisible(): boolean

Returns boolean

set labelsVisible(v: boolean): void

Parameters

  • v: boolean

Returns void

Gets or sets the maximum value of the scale.

get maximumValue(): number

Returns number

set maximumValue(v: number): void

Parameters

  • v: number

Returns void

Gets or sets whether the scale viewport will be merged with backing viewport.

get mergeViewports(): boolean

Returns boolean

set mergeViewports(v: boolean): void

Parameters

  • v: boolean

Returns void

Gets or sets the minimum value of the scale.

get minimumValue(): number

Returns number

set minimumValue(v: number): void

Parameters

  • v: number

Returns void

Gets or sets the brush to use for the minor tickmarks.

get minorTickBrush(): string

Returns string

set minorTickBrush(v: string): void

Parameters

  • v: string

Returns void

Gets or sets the number of minor tickmarks to place between major tickmarks.

get minorTickCount(): number

Returns number

set minorTickCount(v: number): void

Parameters

  • v: number

Returns void

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.

get minorTickEndExtent(): number

Returns number

set minorTickEndExtent(v: number): void

Parameters

  • v: number

Returns void

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.

get minorTickStartExtent(): number

Returns number

set minorTickStartExtent(v: number): void

Parameters

  • v: number

Returns void

Gets or sets the stroke thickness to use when rendering minor ticks.

get minorTickStrokeThickness(): number

Returns number

set minorTickStrokeThickness(v: number): void

Parameters

  • v: number

Returns void

Gets or sets the orientation of the scale.

get orientation(): LinearScaleOrientation

Returns LinearScaleOrientation

set orientation(v: LinearScaleOrientation): void

Parameters

Returns void

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.

get pixelScalingRatio(): number

Returns number

set pixelScalingRatio(v: number): void

Parameters

  • v: number

Returns void

Gets or sets a collection of brushes to be used as the palette for bullet graph ranges.

get rangeBrushes(): string[]

Returns string[]

set rangeBrushes(v: string[]): void

Parameters

  • v: string[]

Returns void

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.

get rangeInnerExtent(): number

Returns number

set rangeInnerExtent(v: number): void

Parameters

  • v: number

Returns void

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.

get rangeOuterExtent(): number

Returns number

set rangeOuterExtent(v: number): void

Parameters

  • v: number

Returns void

Gets or sets a collection of brushes to be used as the palette for bullet graph outlines.

get rangeOutlines(): string[]

Returns string[]

set rangeOutlines(v: string[]): void

Parameters

  • v: string[]

Returns void

A collection or manually added axes for the chart.

get ranges(): IgxLinearGraphRangeCollection

Returns IgxLinearGraphRangeCollection

Gets or sets the background brush for the scale.

get scaleBackgroundBrush(): string

Returns string

set scaleBackgroundBrush(v: string): void

Parameters

  • v: string

Returns void

Gets or sets the background outline for the scale.

get scaleBackgroundOutline(): string

Returns string

set scaleBackgroundOutline(v: string): void

Parameters

  • v: string

Returns void

Gets or sets the background outline thickness for the scale.

get scaleBackgroundThickness(): number

Returns number

set scaleBackgroundThickness(v: number): void

Parameters

  • v: number

Returns void

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.

get scaleEndExtent(): number

Returns number

set scaleEndExtent(v: number): void

Parameters

  • v: number

Returns void

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.

get scaleStartExtent(): number

Returns number

set scaleStartExtent(v: number): void

Parameters

  • v: number

Returns void

Gets or sets a value indicating whether tooltips are enabled.

get showToolTip(): boolean

Returns boolean

set showToolTip(v: boolean): void

Parameters

  • v: boolean

Returns void

Gets or sets the time in milliseconds that tooltip appearance is delayed with.

get showToolTipTimeout(): number

Returns number

set showToolTipTimeout(v: number): void

Parameters

  • v: number

Returns void

Gets or sets the value indicated by the target value bar.

get targetValue(): number

Returns number

set targetValue(v: number): void

Parameters

  • v: number

Returns void

Get or sets the breadth of the target value element.

get targetValueBreadth(): number

Returns number

set targetValueBreadth(v: number): void

Parameters

  • v: number

Returns void

Gets or sets the brush to use when rendering the fill of the comparative marker.

get targetValueBrush(): string

Returns string

set targetValueBrush(v: string): void

Parameters

  • v: string

Returns void

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.

get targetValueInnerExtent(): number

Returns number

set targetValueInnerExtent(v: number): void

Parameters

  • v: number

Returns void

Gets or sets the name used for the target value. The name is displayed in the default target value tooltip.

get targetValueName(): string

Returns string

set targetValueName(v: string): void

Parameters

  • v: string

Returns void

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.

get targetValueOuterExtent(): number

Returns number

set targetValueOuterExtent(v: number): void

Parameters

  • v: number

Returns void

Gets or sets the brush to use when rendering the outline of the target value.

get targetValueOutline(): string

Returns string

set targetValueOutline(v: string): void

Parameters

  • v: string

Returns void

Gets or sets the stroke thickness of the outline of the target value bar.

get targetValueStrokeThickness(): number

Returns number

set targetValueStrokeThickness(v: number): void

Parameters

  • v: number

Returns void

Gets or sets the brush to use for the major tickmarks.

get tickBrush(): string

Returns string

set tickBrush(v: string): void

Parameters

  • v: string

Returns void

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.

get tickEndExtent(): number

Returns number

set tickEndExtent(v: number): void

Parameters

  • v: number

Returns void

A value to start adding tickmarks, added to the scale's MinimumValue.

get ticksPostInitial(): number

Returns number

set ticksPostInitial(v: number): void

Parameters

  • v: number

Returns void

A value to stop adding tickmarks, subtracted from the scale's MaximumValue.

get ticksPreTerminal(): number

Returns number

set ticksPreTerminal(v: number): void

Parameters

  • v: number

Returns void

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.

get tickStartExtent(): number

Returns number

set tickStartExtent(v: number): void

Parameters

  • v: number

Returns void

Gets or sets the stroke thickness to use when rendering ticks.

get tickStrokeThickness(): number

Returns number

set tickStrokeThickness(v: number): void

Parameters

  • v: number

Returns void

get tooltipTemplate(): TemplateRef<any>

Returns TemplateRef<any>

set tooltipTemplate(value: TemplateRef<any>): void

Parameters

  • value: TemplateRef<any>

Returns void

Gets or sets the number of milliseconds over which changes to the bullet graph should be animated.

get transitionDuration(): number

Returns number

set transitionDuration(v: number): void

Parameters

  • v: number

Returns void

Gets the transition progress of the animation when the control is animating.

get transitionProgress(): number

Returns number

set transitionProgress(v: number): void

Parameters

  • v: number

Returns void

Gets or sets the value at which the bar ends.

get value(): number

Returns number

set value(v: number): void

Parameters

  • v: number

Returns void

Gets or sets the brush to use for the actual value element.

get valueBrush(): string

Returns string

set valueBrush(v: string): void

Parameters

  • v: string

Returns void

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.

get valueInnerExtent(): number

Returns number

set valueInnerExtent(v: number): void

Parameters

  • v: number

Returns void

Gets or sets the name used for actual value.

get valueName(): string

Returns string

set valueName(v: string): void

Parameters

  • v: string

Returns void

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.

get valueOuterExtent(): number

Returns number

set valueOuterExtent(v: number): void

Parameters

  • v: number

Returns void

Gets or sets the brush to use for the outline of actual value element.

get valueOutline(): string

Returns string

set valueOutline(v: string): void

Parameters

  • v: string

Returns void

Gets or sets the stroke thickness to use when rendering single actual value element.

get valueStrokeThickness(): number

Returns number

set valueStrokeThickness(v: number): void

Parameters

  • v: number

Returns void

get width(): string

Returns string

set width(value: string): void

Parameters

  • value: string

Returns void

Notify that the container has resized.

containerResized(): void

Returns void

Returns visuals as a serialized string.

exportSerializedVisualData(): string

Returns string

findByName(name: string): any

Parameters

  • name: string

Returns any

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

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(): void

Returns void

ngAfterViewInit(): void

Returns void

ngOnDestroy(): void

Returns void

Provide a container for the bullet graph.

provideContainer(container: any): void

Parameters

  • container: any
    • The container.

Returns void

Notify that the bullet graph styling has updated.

styleUpdated(): void

Returns void

updateStyle(): void

Returns void

_createFromInternal(internal: any): IgxBulletGraphComponent

Parameters

  • internal: any

Returns IgxBulletGraphComponent