jQWidgets jqxBulletChart refresh() Method 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 refresh() method is used to refresh the jqxBulletChart widget. It does not accept any parameter and does not return any value. Syntax: $('.selector').jqxBulletChart('refresh'); 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 refresh() method 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 refresh() Method </h3> <div id="gfg"></div> <input type="button" id="jqxbutton" value="Click Here!" style="margin-top:50px; padding:5px 15px" /> </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('refresh'); }); </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 jqxBulletChart render() Method P ppatelkap Follow Improve Article Tags : Web Technologies JQuery jQuery-jQWidgets jQWidgets-jqxBulletChart Similar Reads jQWidgets jqxChart refresh() method 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. jqxChart is a lightweight and powerful chart widget written 100% in JavaScript. It offers many advanced features 2 min read jQWidgets jqxBulletChart render() Method 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 comparat 2 min read jQWidgets jqxBulletChart val() Method 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 comparat 2 min read jQWidgets jqxTree refresh() Method 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 jqxTree represents a jQuery widget that is used to display a hierarchical collection of items. To display the c 2 min read jQWidgets jqxLayout refresh() Method 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 jqxLayout is used for representing a jQuery widget that is used for the creation of complex layouts with nested 2 min read jQWidgets jqxTextArea refresh() Method 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 jqxTextArea represents a jQuery Textarea widget that is used to insert text content inside the textbox. The ref 2 min read Like