loadingIndicator

Specifies the appearance of the loading indicator.

Type: Object

Usually, the widget is quick enough to draw itself instantly for a viewer. There are, however, cases, when the widget takes longer to be drawn. In such cases, displaying the loading indicator is recommended. Use the widget's showLoadingIndicator() and hideLoadingIndicator() methods to manage the loading indicator. To specify its appearance, use the loadingIndicator configuration object.

Show Example:
jQuery

In this example, the gauge options are assigned 2000 ms after the example is loaded. Until that time, the loading indicator is displayed. Its background and font are changed using the backgroundColor and font options respectively. Make a note that these options are specified at the beginning, so that changes are applied.


                                    

                                    

backgroundColor

Specifies a color for the loading indicator background.

Type: String
Default Value: '#FFFFFF'

This option supports the following colors.

  • Hexadecimal colors
  • RGB colors
  • RGBA colors (not supported in Internet Explorer 8)
  • Predefined/cross-browser color names
  • Predefined SVG colors (not supported in Internet Explorer 8)
Show Example:
jQuery

In this example, the loading indicator background color is 'lavender'.


                                    

                                    

font

Specifies font options for the loading indicator text.

Type: Object

Show Example:
jQuery

In this example, several font options of the loading indicator are changed.


                                    

                                    

text

Specifies a text to be displayed by the loading indicator.

Type: String
Default Value: 'Loading...'

Show Example:
jQuery

In this example, the loading indicator's text option is changed.