This is only applicable for Multiple Filters Counter Gadget with Green to Red and Red to Green board color only.
Introduction
The Counter Gadget has 2 additional special options to change the background color automatically based on the value. The colour is useful to indicate health level like Green for healthy and Red for warning
You can select the Board Color option
Green to Red - Start with Green and gradually changes to Red as the value increases. Useful for scenarios like tracking number of tickets exceeding SLA
Red to Green - Start with Red and gradually changes to Green as the value increases. Useful for scenarios like number of project tasks completed
In additional, you can configure the Color Change Limit (%) to adjust the behaviour of how the counter background colour with respect to the value of the counter.
This guide explains
what is the Color Change Limit (%) setting
the different scenarios that the setting supports
Color Change Limit % Setting
It is 2 numbers separated by a comma (E.g. 50,50).
The 1st percentage indicates the position to display Green color. All values smaller than this percentage will display with Green background
The 2nd percentage indicates the position to display Red color. All values greater than this percentage will display with Red background
All values between the 2 percentages will have a color in between Green and Red depending on their relative position
The Color Change Limit % setting is optional. You only need to change if you want to override the default behaviour
Example Scenarios
The color of the counter will be decided depending on the percentage for counter value.
For example, if the counter value is 3, and max value is set at 10, a color will be calculated based on value of 30% between Green and Red.
Default
When left blank, the Color Change Limit is set at 0,100 by default and the counter color would range between green to red from 0% to 100%.
Example 1
As a user, I am concerned when counter value is > 20% of max value.
In this case, the Color Change Limit can be set at 20,100 so that it ranges between green to red from 20% to 100%.
Example 2
As a user, I am concerned when counter value is > 50% of max value and I want counter to be red when value is > 90% of max value.
In this case, the Color Change Limit can be set at 50,90 and the counter will range between green to red from 50% to 90%.
This is useful when you want the colour to start changing when it exceeds a healthy level
Example 3
As a user, I want to be able to tell when counter value is more than 20% of max value.
In this case, the Color Change Limit can be set at 20,20. The counter will only be either green or red.
This is especially useful when you only need a strictly Red/Green or On/Off scenario