jQWidgets jqxBulletChart animationDuration Property 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 and optimized framework, platform-independent, and widely supported. 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 animationDuration property is used to determine the animation time. Its default value is null. Its possible values are number, 'slow', and 'fast'. Syntax: $('.selector').jqxBulletChart({ animationDuration: value }); 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 animationDuration property 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 animationDuration Property </h3> <div id="gfg"></div> </center> <script type="text/javascript"> $(document).ready(function () { $('#gfg').jqxBulletChart({ width: 700, height: 100, barSize: "60%", animationDuration:'slow', 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" }, ticks: { interval: 50 }, }); }); </script> </body> </html> Output: animation duration Reference: https://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxbulletchart/jquery-bullet-chart-api.htm Comment More infoAdvertise with us Next Article jQWidgets jqxValidator animationDuration Property P ppatelkap Follow Improve Article Tags : Web Technologies JQuery jQuery-jQWidgets jQWidgets-jqxBulletChart Similar Reads jQWidgets jqxChart animationDuration Property 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 jqxBarGauge animationDuration Property 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 jqxBarGauge represents a jQuery bar gauge widget that plots a bar gauge graph for the given values. The ani 1 min read jQWidgets jqxValidator animationDuration Property 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 jqxValidator is used for validation of the HTML form with the help of JavaScript. It has some set of build-in r 2 min read jQWidgets jqxTree animationShowDuration Property 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 jqxListMenu animationDuration Property 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 jqxListMenu is a jQuery widget that is used to display a collection of Ordered and Unordered Lists. We can crea 2 min read jQWidgets jqxScrollView animationDuration Property 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 jqxScrollView is a jQuery widget that is used for viewing content that is wider than the visible area outlined 2 min read Like