Indicator Object

The indicatorInstance object represents an Indicator widget.

You can modify the styling of an Indicator widget through the indicatorInstance object's setOptions method.

The following images display labels that define all the elements you can customize for each type of Indicator widget.

Gauge

Numeric Simple

Numeric Bar

Methods

setOptions

indicatorInstance.setOptions(type, options)

Defines styling options for an Indicator widgets.

Arguments

Returns

N/A

Example

widget.on('initialized', function(w) {
    var options = {
        title: {
            fontFamily: 'Helvetica, sans-serif',
            fontWeight: 'bold',
            fontSizes: {
                big: 40,
                medium: 30
            },
            color: '#29aba4'
        },
        value: {
            fontFamily: 'Helvetica, sans-serif',
            fontStyle: 'italic',
            color: '#e9e0d6'
        },
        bracketColor: '#f2ae72'
    };
    w.indicatorInstance.setOptions('numericBar', options);
});

Types

IndicatorOptions

These properties applies to all Indicator widget types:

Gauge Indicator widget specific properties:

Numeric Simple Indicator widget specific properties:

Numeric Bar Indicator widget specific properties:

Ticker Indicator widget specific properties (Note, that ticker properties will be used by all the indicator types' tickers):

IndicatorComponentStyle

Each element of the Indicator specified above can have the following style settings

Note: You can specify font sizes as a number or as a string (number plus 'px': 200px)