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);

});

Brian Wilson January 15, 2019 19:26

Jay, is there any way to increase the canvas size at the same time?

I'm able to get big text via:

var options = { 
value: { 
fontSizes: { 
big: '400pt' 
}, 
}, 
}; 
w.indicatorInstance.setOptions('numericSimple', options); 
});

But, it's big text seen through a tiny window and increasing the canvas size seems to just stretch the visible pixels rather than increasing the size of the window.

Akondi sudheer April 08, 2019 11:46

The above script is not working for me. How to do it

Salma Cherif February 11, 2020 14:26 (Edited February 11, 2020 14:26)

Hello,

thank you for this script

is there a way to format the primary value of the widget ?

thanks

Indicators - Formatting Colors & Fonts

Comments

Didn't find what you were looking for?