jQWidgets jqxBulletChart Change Event Last Updated : 19 Jul, 2021 Comments Improve Suggest changes Like Article Like Report jQWidgets is a JavaScript framework for making web-based applications for PC and mobile devices. It is a very powerful, optimized, platform-independent, and widely supported framework. The jqxBulletChart represents a jQuery bullet chart widget that features two measures, a primary one and a comparative one, and displays them in the context of a number of differently styled qualitative ranges. The change event is triggered when the value is changed. Syntax: $('selector').on('change', function () { }); Linked Files: Download jQWidgets from the link. In the HTML file, locate the script files in the downloaded folder. <link rel="stylesheet" href="jqwidgets/styles/jqx.base.css" type="text/css" />< <script type="text/javascript" src="scripts/jquery-1.11.1.min.js"></script> <script type="text/javascript" src="jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="jqwidgets/jqxdraw.js"></script> <script type="text/javascript" src="jqwidgets/jqxdata.js"></script> <script type="text/javascript" src="jqwidgets/jqxbulletchart.js"></script> <script type="text/javascript" src="jqwidgets/jqxtooltip.js"></script> Example: The below example illustrates the jqxBulletChart change event in jQWidgets. HTML <!DOCTYPE html> <html lang="en"> <head> <link rel="stylesheet" href="jqwidgets/styles/jqx.base.css" type="text/css" /> <script type="text/javascript" src="scripts/jquery-1.11.1.min.js"> </script> <script type="text/javascript" src="jqwidgets/jqxcore.js"> </script> <script type="text/javascript" src="jqwidgets/jqxdraw.js"> </script> <script type="text/javascript" src="jqwidgets/jqxdata.js"></script> <script type="text/javascript" src="jqwidgets/jqxbulletchart.js"></script> <script type="text/javascript" src="jqwidgets/jqxtooltip.js"></script> </head> <body> <center> <h1 style="color:green;"> GeeksforGeeks </h1> <h3> jQWidgets jqxBulletChart change Event </h3> <div id="gfg"></div> <input type="button" id="jqxbutton" value="Click Here!" style="margin-top: 50px; padding: 5px 15px" /> <div id="geeks"></div> </center> <script type="text/javascript"> $(document).ready(function () { $('#gfg').jqxBulletChart({ width: 700, height: 100, barSize: "60%", title: "GeeksforGeeks", description: "Computer science portal", ranges: [ { startValue: 0, endValue: 100, color: "red" }, { startValue: 100, endValue: 200, color: "blue" }, { startValue: 200, endValue: 300, color: "yellow" } ], pointer: { value: 250, color: "green" }, target: { value: 230, color: "green" }, }); }); $('#jqxbutton').click(function () { $("#gfg").jqxBulletChart('val', 150); }); $('#gfg').on('change', function () { $("#geeks").html(" Change event is triggered") }); </script> </body> </html> Output: Reference: https://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxbulletchart/jquery-bullet-chart-api.htm Comment More infoAdvertise with us Next Article jQWidgets jqxKnob change Event P ppatelkap Follow Improve Article Tags : Web Technologies JQuery jQuery-jQWidgets jQWidgets-jqxBulletChart Similar Reads jQWidgets jqxCalendar change Event jQWidgets is a JavaScript framework for making web-based applications for PC and mobile devices. It is a very powerful, optimized, platform-independent, and widely supported framework. The jqxCalendar represents a jQuery calendar widget that enables the user to select a date using a visual monthly c 2 min read jQWidgets jqxSlider change Event jQWidgets is a JavaScript framework for making web-based applications for PC and mobile devices. It is a very powerful and optimized framework, platform-independent, and widely supported. The jqxSlider is a jQuery widget that can be used to create a slider that selects from a range of values. It cus 2 min read jQWidgets jqxInput change Event jQWidgets is a JavaScript framework for making web-based applications for PC and mobile devices. It is a very powerful, optimized, platform-independent, and widely supported framework. The jqxInput is used to represent a jQuery input widget that contains auto-complete features The change event is tr 2 min read jQWidgets jqxKnob change Event jQWidgets is a JavaScript framework for making web-based applications for PC and mobile devices. It is a very powerful, optimized, platform-independent, and widely supported framework. The jqxKnob is used for representing a jQuery plugin having a round shape and displaying a draggable indicator with 2 min read jQWidgets jqxListBox change Event jQWidgets is a JavaScript framework for making web-based applications for PC and mobile devices. It is a very powerful, optimized, platform-independent, and widely supported framework. The jqxListBox is used to illustrate a jQuery ListBox widget which comprises a list of electable elements. The chan 2 min read jQWidgets jqxRangeSelector change Event jQWidgets is a JavaScript framework for making web-based applications for PC and mobile devices. It is a very powerful, optimized, platform-independent, and widely supported framework. The jqxRangeSelector widget is used to represents a jQuery range slider that can easily be used to select a numeric 2 min read Like