Angular BulletChart – 9 demos with source code

Angular UI Components

Show Demo List

9 jqxBulletChart demos with source code

Default Functionality – The default functionalities in Angular BulletChart.

Ranges Styling – The styling of ranges in Angular BulletChart. The pointer and target are affected by the theme setting.

Multiple Ranges – This example displays Angular BulletChart with five ranges and showcases the tooltipFormatFunction callback function.

Vertical BulletChart – Angular BulletChart is with a vertical orientation.

Negative Values – Angular BulletChart shows its support of negative values.

Labels Formatting – Conditionally format the Angular BulletChart labels and tooltip.

Settings – Are displayed some of the available functionalities for Angular BulletChart's APIs.

Fluid Size – The width and height of Angular BulletChart, are set with percentages.

Right to Left Layout – Cases Angular BulletChart's right-to-left support.

jqxBulletChart API

jqxBulletChart has 18 properties, 1 event and 4 methods, all in the API reference. Its main members, those its demos use first:

barSize (property) – Sets ot gets the bulletcharts's bar size.

description (property) – Sets ot gets the bulletcharts's description.

pointer (property) – Sets ot gets the bulletcharts's pointer.

ranges (property) – Sets ot gets the bulletcharts's range.

showTooltip (property) – Sets ot gets the bulletcharts's showTooltip.

target (property) – Sets ot gets the bulletcharts's target.

ticks (property) – Sets ot gets the bulletcharts's ticks.

title (property) – Sets ot gets the bulletcharts's title.

labelsFormat (property) – Sets ot gets the bulletcharts's labelsFormat.

tooltipFormatFunction (property) – Sets ot gets the bulletcharts's tooltipFormatFunction.

Angular Bullet Chart