animation

To make your gauge "live", enable animation for it by setting the enabled option of the animation object to true. In this instance, the gauge indicators will appear in motion. In addition, within the animation object, you can set an appropriate easing mode using the easing option and specify how long the animation should run using the duration option.

In this example, the animation.duration option is changed to 2000 ms. In addition, the animation easing mode is changed to 'linear' using the animation.easing option. Switch between the radio buttons to see how the gauge animation performs with these settings.

duration

When animation is enabled for a gauge, you can specify how long the animation must run. To do this, set the animation.duration option to a numeric value in milliseconds. The bigger the value, the slower the animation.

In the following example, you can see the difference between the 'ease-out cubic' and 'linear' algorithms of performing animation. To change the animation mode, choose the corresponding value from the drop-down menu in the bottom of the example. The animation performs in the chosen mode after you change the main gauge value using the radio buttons below.