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. (Last updated on: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Trusted by the world’s leading companies

Syncfusion Trusted Companies


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.

Flow Direction

Render the JavaScript Bullet Graph control either in forward or reverse direction.

Comparative Measure

Comparative measure lines denote the current value and run perpendicular to the feature measure.

Multiple Measures

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.

JavaScript Bullet Graph with multiple measures.

Qualitative Ranges

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.

JavaScript Bullet Graph with qualitative ranges.

Quantitative Ticks

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.

JavaScript Bullet Graph with labels


The interactive JavaScript Bullet Graph control provides options to display details about the measure through a tooltip when hovering the mouse over the measure.

JavaScript Bullet Graph with tooltip


Displays a built-in symbol along with a text to indicate the state of current measure. You can also use images instead of symbols.

JavaScript Bullet Graph with indicators

Caption and Subtitles

Caption and subtitle in the bullet graph control display additional information about the graph.

JavaScript Bullet Graph with caption

Text Placement

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.

75+ jQuery UI WIDGETS

Integrates with Top Frameworks

Built-in integration with the most popular third-party frameworks, like Angular 2+, and React.

Read independent,
authenticated reviews
on G2

Download Now Pricing

What do our customers say about us?

double quotes

We're using the file formats and Windows/JavaScript list controls a lot. They're fast, easy to use, and the documentation is good and contains examples. Tickets with questions or suggestions were answered within a day, so we're happy to use the Syncfusion libraries.
Daniel Persidok

Daniel Persidok

wpd onshore GmbH & Co. KG

double quotes

Using Syncfusion Angular and JavaScript controls makes front-end web development a piece of cake. Each component has many properties that can be configured as per your desire, methods that can be used to interact with the element, and a lot of events that trigger at different stages, which makes modifying your components according to the state of the application an easy task. Also, their support is amazing! They always offer a sample working project, which makes it very simple to solve your question about your code.
Carlos Rodriguez Garcia

Carlos Rodriguez Garcia


Transform your applications today by downloading our free evaluation version Download Free Trial


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.

Syncfusion Awards
Scroll up icon

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon