BulletChartComponent
23 Sep 20256 minutes to read
BulletChart Component
<ejs-bulletchart></ejs-bulletchart>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.
| Parameter | Type | Description |
|---|---|---|
| type | ExportType |
Type of the export. |
| fileName | string |
File name for exporting. |
| orientation (optional) | PdfPageOrientation |
Orientation of the export. |
| controls (optional) | [] | To mention the exporting chart. |
| width (optional) | number |
Width of the export. |
| height (optional) | number |
Height of the export. |
| isVertical (optional) | boolean |
Whether the export is in vertical orientation. |
Returns void
Handles the print method for bullet chart control.
| Parameter | Type | Description |
|---|---|---|
| id (optional) |
string[] | string | Element
|
The id of the bullet chart to be printed on the page. |
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.