Ignite UI for React

All
  • Public
  • Public/Protected
  • All

Interface IIgrBulletGraphProps

Hierarchy

Hierarchy

  • IIgrBulletGraphProps

Properties

Properties

Optional actualHighlightValueDisplayMode

actualHighlightValueDisplayMode?: string | HighlightedValueDisplayMode

Gets whether and how to display the highlighted value.

Optional actualHighlightValueOpacity

actualHighlightValueOpacity?: string | number

Gets the actual opacity of the primary needle while highlighting

Optional actualMaximumValue

actualMaximumValue?: string | number

Gets the resolved maximum value of the scale.

Optional actualMinimumValue

actualMinimumValue?: string | number

Gets the resolved minimum value of the scale.

Optional actualPixelScalingRatio

actualPixelScalingRatio?: string | 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.

Optional alignLabel

alignLabel?: ((s, e) => void)

Type declaration

    • (s, e): 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.

      Parameters

      Returns void

Optional backingBrush

backingBrush?: string

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

Optional backingInnerExtent

backingInnerExtent?: string | number

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

Optional backingOuterExtent

backingOuterExtent?: string | number

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

Optional backingOutline

backingOutline?: string

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

Optional backingStrokeThickness

backingStrokeThickness?: string | number

Gets or sets the stroke thickness of the backing outline.

Optional children

children?: ReactNode

Optional font

font?: string

Gets or sets the font.

Optional fontBrush

fontBrush?: string

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

Optional formatLabel

formatLabel?: ((s, e) => void)

Type declaration

    • (s, e): 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.

      Parameters

      Returns void

Optional height

height?: string

Optional highlightValue

highlightValue?: string | number

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

Optional highlightValueDisplayMode

highlightValueDisplayMode?: string | HighlightedValueDisplayMode

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

Optional highlightValueOpacity

highlightValueOpacity?: string | number

Gets or sets the opacity of the primary needle while highlighting

Optional interval

interval?: string | number

Gets or sets the interval to use for the scale.

Optional isScaleInverted

isScaleInverted?: string | 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.

Optional labelExtent

labelExtent?: string | 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.

Optional labelFormat

labelFormat?: string

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

Optional labelFormatSpecifiers

labelFormatSpecifiers?: any[]

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

Optional labelInterval

labelInterval?: string | number

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

Optional labelsPostInitial

labelsPostInitial?: string | number

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

Optional labelsPreTerminal

labelsPreTerminal?: string | number

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

Optional maximumValue

maximumValue?: string | number

Gets or sets the maximum value of the scale.

Optional mergeViewports

mergeViewports?: string | boolean

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

Optional minimumValue

minimumValue?: string | number

Gets or sets the minimum value of the scale.

Optional minorTickBrush

minorTickBrush?: string

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

Optional minorTickCount

minorTickCount?: string | number

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

Optional minorTickEndExtent

minorTickEndExtent?: string | 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.

Optional minorTickStartExtent

minorTickStartExtent?: string | 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.

Optional minorTickStrokeThickness

minorTickStrokeThickness?: string | number

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

Optional orientation

orientation?: string | LinearScaleOrientation

Gets or sets the orientation of the scale.

Optional pixelScalingRatio

pixelScalingRatio?: string | 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.

Optional rangeBrushes

rangeBrushes?: string | string[]

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

Optional rangeInnerExtent

rangeInnerExtent?: string | 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.

Optional rangeOuterExtent

rangeOuterExtent?: string | 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.

Optional rangeOutlines

rangeOutlines?: string | string[]

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

Optional scaleBackgroundBrush

scaleBackgroundBrush?: string

Gets or sets the background brush for the scale.

Optional scaleBackgroundOutline

scaleBackgroundOutline?: string

Gets or sets the background outline for the scale.

Optional scaleBackgroundThickness

scaleBackgroundThickness?: string | number

Gets or sets the background outline thickness for the scale.

Optional scaleEndExtent

scaleEndExtent?: string | 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.

Optional scaleStartExtent

scaleStartExtent?: string | 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.

Optional showToolTip

showToolTip?: string | boolean

Gets or sets a value indicating whether tooltips are enabled.

Optional showToolTipTimeout

showToolTipTimeout?: string | number

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

Optional targetValue

targetValue?: string | number

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

Optional targetValueBreadth

targetValueBreadth?: string | number

Get or sets the breadth of the target value element.

Optional targetValueBrush

targetValueBrush?: string

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

Optional targetValueInnerExtent

targetValueInnerExtent?: string | 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.

Optional targetValueName

targetValueName?: string

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

Optional targetValueOuterExtent

targetValueOuterExtent?: string | 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.

Optional targetValueOutline

targetValueOutline?: string

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

Optional targetValueStrokeThickness

targetValueStrokeThickness?: string | number

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

Optional tickBrush

tickBrush?: string

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

Optional tickEndExtent

tickEndExtent?: string | 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.

Optional tickStartExtent

tickStartExtent?: string | 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.

Optional tickStrokeThickness

tickStrokeThickness?: string | number

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

Optional ticksPostInitial

ticksPostInitial?: string | number

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

Optional ticksPreTerminal

ticksPreTerminal?: string | number

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

Optional transitionDuration

transitionDuration?: string | number

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

Optional transitionProgress

transitionProgress?: string | number

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

Optional value

value?: string | number

Gets or sets the value at which the bar ends.

Optional valueBrush

valueBrush?: string

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

Optional valueInnerExtent

valueInnerExtent?: string | 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.

Optional valueName

valueName?: string

Gets or sets the name used for actual value.

Optional valueOuterExtent

valueOuterExtent?: string | 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.

Optional valueOutline

valueOutline?: string

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

Optional valueStrokeThickness

valueStrokeThickness?: string | number

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

Optional width

width?: string