loadingIndicator

Specifies the appearance of the loading indicator.

Type: Object

In most cases, a chart is quick enough to draw itself instantly for a viewer. There are, however, cases when the chart takes longer to be drawn. In such cases, it is recommended that the loading indicator be shown. Use the chart'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 chart options are assigned 3000 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 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.


                                    

                                    

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.