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. To display the loading indicator, assign true to the show field of the loadingIndicator object. Use other fields of this object to change the appearance of the loading indicator.

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. Take note that these options should be specified at design-time so that the changes are applied at the right time.


                                    

                                    

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.


                                    

                                    

show

Specifies whether to show the loading indicator or not.

Type: Boolean
Default Value: false

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.