We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
The JavaScript Bullet Graph control is used to visually compare the measures like the commonly used bar chart. The bullet graph displays one or more measures and compares those with other measures to enrich its meaning. You can also display the measures in a qualitative range of performance such as poor, satisfactory, and good.
Position the bullet graph either in vertical or horizontal orientation. This is helpful when viewing the gauge on mobile devices.
Render the JavaScript Bullet Graph control either in forward or reverse direction.
Comparative measure lines denote the current value and run perpendicular to the feature measure.
The JavaScript Bullet Graph control supports rendering of multiple measure bars as well as multiple comparative measure symbols to allow comparison of several measures at once.
Qualitative range in a bullet graph helps measure the performance of data against a qualitative state by observing the distance between each range. Each color of the range represents a quality such as good, bad, and acceptable.
Display quantitative scale with two types of ticks. Major ticks are the primary scale indicators, and minor ticks are the secondary scale indicators that fall between the major ticks. You can apply the ranges color to both minor and major ticks that are associated with it.
The labels in the JavaScript Bullet Graph control displays the numeric value according to the major ticks in the range of the scale. You can apply the range’s color to the labels that are associated with it.
The interactive JavaScript Bullet Graph control provides options to display details about the measure through a tooltip when hovering the mouse over the measure.
Displays a built-in symbol along with a text to indicate the state of current measure. You can also use images instead of symbols.
Caption and subtitle in the bullet graph control display additional information about the graph.
Place the text elements such as title, subtitle, and indicator text at any side of the scale. The text elements will trim if it overlaps with the scale.
Documentation
Greatness—it’s one thing to say you have it, but it means more when others recognize it. Syncfusion is proud to hold the following industry awards.
