Vue Chart - loadingIndicator

Configures the loading indicator.

Type:

Object

When the widget is bound to a remote data source, it can display a loading indicator while data is loading.

DevExtreme Charts - Loading indicator

To enable the automatic loading indicator, set the enabled option to true.

If you want to change the loading indicator's visibility, use the show option or the showLoadingIndicator() and hideLoadingIndicator() methods.

backgroundColor

Colors the background of the loading indicator.

Type:

String

Default Value: '#FFFFFF'

This option supports the following colors:

enabled

Specifies whether the loading indicator should be displayed and hidden automatically.

Type:

Boolean

Default Value: false

The loading indicator's visibility is tied to the DataSource's load method: it appears when the method's execution starts and hides when the execution is complete. The Chart calls the method internally.

NOTE
The dataSource option does not have to be set to a DataSource instance because the widget wraps anything passed to this option in the DataSource.

If you want to change the loading indicator's visibility, use the show option.

font

Specifies font options for the loading indicator.

Type:

Object

show

Allows you to change the loading indicator's visibility.

Type:

Boolean

Default Value: false
Raised Events: onOptionChanged

text

Specifies the text to be displayed by the loading indicator.

Type:

String

Default Value: 'Loading...'