Indicators - Formatting Colors & Fonts

Follow

Jay Dastur

August 31, 2018 14:07

 

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

});

 

 

 

3

• 

  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.

  0

  Comment actions Permalink
• 

  Akondi sudheer April 08, 2019 11:46

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

  0

  Comment actions Permalink

Please sign in to leave a comment.