BulletChartComponent

Represents react BulletChart Component

<BulletChartComponent></BulletChartComponent>

Properties

animation

AnimationModel

Options for customizing animation of the feature bar.

border

BorderModel

Options for customizing the color and width of the chart border.

bulletChartLegendModule

BulletChartLegend

bulletChartLegendModule is used to manipulate and add legend in accumulation chart.

bulletTooltipModule

BulletTooltip

bulletTooltipModule is used to manipulate and add tooltip to the feature bar.

categoryField

string

It defines the category for the data source.

Defaults to null

categoryLabelStyle

BulletLabelStyleModel

Options for customizing values labels.

dataLabel

BulletDataLabelModel

Options for customizing data label of the feature bar.

dataSource

Object

default value of multiple data bullet chart.

Defaults to null

enableGroupSeparator

boolean

default value for enableGroupSeparator.

Defaults to false

enablePersistence

boolean

Enable or disable persisting component’s state between page reloads.

Defaults to false

enableRtl

boolean

Enable or disable rendering component in right to left direction.

Defaults to false

height

string

The height of the bullet chart as a string accepts input both as ‘100px’ or ‘100%‘. If specified as ‘100%, bullet chart renders to the full height of its parent element.

Defaults to null

interval

number

Specifies the interval for an scale.

Defaults to null

labelFormat

string

Specifies the format of the bullet chart axis labels.

Defaults to ”

labelPosition

LabelsPlacement

specifies the axis label position of the bullet chart.

Defaults to ‘Outside’

labelStyle

BulletLabelStyleModel

Options for customizing labels

legendSettings

BulletChartLegendSettingsModel

Options for customizing the legend of the bullet chart.

locale

string

The locale of the bullet chart as a string.

Defaults to null

majorTickLines

MajorTickLinesSettingsModel

Options for customizing major tick lines.

margin

MarginModel

Options to customize left, right, top and bottom margins of the bullet chart.

maximum

number

Specifies the maximum range of an scale.

Defaults to null

minimum

number

Specifies the minimum range of an scale.

Defaults to null

minorTickLines

MinorTickLinesSettingsModel

Options for customizing minor tick lines.

minorTicksPerInterval

number

specifies the interval of minor ticks.

Defaults to 4

opposedPosition

boolean

If set to true, the axis will render at the opposite side of its default position.

Defaults to false

orientation

OrientationType

Orientation of the scale.

Defaults to ‘Horizontal’

query

Query

It defines the query for the data source.

Defaults to null

ranges

RangeModel[]

provides Qualitative ranges of the bullet chart.

subtitle

string

Specifies the sub title of the bullet chart.

Defaults to ”

subtitleStyle

BulletLabelStyleModel

Options for customizing the sub title styles of the bullet chart.

tabIndex

number

TabIndex value for the bullet chart.

Defaults to 1

targetColor

string

The stroke color for the comparative measure, which can accept values in hex and rgba as valid CSS color strings. This property can also be mapped from the data source.

Defaults to ‘#191919’

targetField

string

The DataSource field that contains the target value.

Defaults to ”

targetTypes

TargetType[]

The DataSource field that contains the target value.

Defaults to [‘Rect’, ‘Cross’, ‘Circle’]

targetWidth

number

Options for customizing comparative bar color bullet chart.

Defaults to 5

theme

ChartTheme

Specifies the theme for the bullet chart.

Defaults to ‘Material’

tickPosition

TickPosition

specifies the tick position of the bullet chart.

Defaults to ‘Outside’

title

string

Specifies the title of the bullet chart.

Defaults to ”

titlePosition

TextPosition

Sets the title position of bullet chart.

Defaults to ‘Top’.

titleStyle

BulletLabelStyleModel

Options for customizing the title styles of the bullet chart.

tooltip

BulletTooltipSettingsModel

Options for customizing the tooltip of the BulletChart.

type

FeatureType

Default type on feature measure.

Defaults to ‘Rect’

valueBorder

BorderModel

Options for customizing the color and width of the feature bar border.

valueField

string

The DataSource field that contains the value value.

Defaults to ”

valueFill

string

The stroke color for the feature measure, which can accept values in hex and rgba as valid CSS color strings. This property can also be mapped from the data source.

Defaults to null

valueHeight

number

Options for customizing feature bar height of the bullet chart.

Defaults to 6

width

string

The width of the bullet chart as a string accepts input as both like ‘100px’ or ‘100%‘. If specified as ‘100%, bullet chart renders to the full width of its parent element.

Defaults to null

Methods

createSvg

Method to create SVG element.

Returns void

destroy

To destroy the widget

Returns void

export

Handles the export method for bullet chart control.

Returns void

print

Handles the print method for bullet chart control.

Returns void

Events

beforePrint

EmitType<IPrintEventArgs>

Triggers before the prints gets started.

bulletChartMouseClick

EmitType<IBulletMouseEventArgs>

Triggers on clicking the chart.

legendRender

EmitType<IBulletLegendRenderEventArgs>

Triggers before the legend is rendered.

load

EmitType<IBulletLoadedEventArgs>

Triggers before bullet chart load.

loaded

EmitType<IBulletLoadedEventArgs>

Triggers after the bullet chart rendering

tooltipRender

EmitType<IBulletchartTooltipEventArgs>

Triggers before the bulletchart tooltip is rendered.