Indicators - Formatting Colors & Fonts
Introduction
Use this script for granular formatting of an Indicator Widget.
Instructions:
Create your indicator widget and add it to the dashboard. Select the edit button and choose the Edit Script from the options menu on the top right.
Add the following script and adjust the options object based on your needs.
widget.on('processresult', function(w, e) {
var options = {
title: {
fontFamily: 'Helvetica, sans-serif',
fontWeight: 'bold',
fontSizes: {
big: 40,
medium: 30
},
color: 'green'
},
secondaryTitle: {
fontFamily: 'Helvetica, sans-serif',
fontWeight: 'bold',
fontSizes: {
big: 20,
medium: 10
},
color: 'blue'
},
secondaryValue: {
fontFamily: 'Helvetica, sans-serif',
fontStyle: 'italic',
color: 'yellow'
},
backgroundColor: 'gray'
};
w.indicatorInstance.setOptions('numericSimple', options);
});Updated 03-02-2023
