Skip to main content
1-Visitor
April 19, 2018
Solved

How to change color scheme for Progress Gauge widget for various value ranges?

  • April 19, 2018
  • 1 reply
  • 3094 views

Hello,

I am using Progress Gauge widget to show some data. My requirement is to change the color of Progress gauge widget when value changes, for example I want color "Red" for 0 to 30 , color "yellow" for 31 to 60 etc.

I am using ThingWorx 8.2.

 

Thank you.

Best answer by hchanana

Greetings @ras,

 

To fulfill you requirement, please follow the below steps:

1) Create a State definition and define the States information in it as per your requirement. Refer screenshot for reference.

 

SD.PNG

 

2) Apply the State Definition to the Gauge by changing the property named 'ValueFormatter'

 

Property.PNG

 

If my response has answered your question, please mark as Accepted Solution, for the benefit of others who may have the same question.

 

Regards,

Himanshu

 

1 reply

hchanana16-PearlAnswer
16-Pearl
April 19, 2018

Greetings @ras,

 

To fulfill you requirement, please follow the below steps:

1) Create a State definition and define the States information in it as per your requirement. Refer screenshot for reference.

 

SD.PNG

 

2) Apply the State Definition to the Gauge by changing the property named 'ValueFormatter'

 

Property.PNG

 

If my response has answered your question, please mark as Accepted Solution, for the benefit of others who may have the same question.

 

Regards,

Himanshu

 

ras1-VisitorAuthor
1-Visitor
April 19, 2018

Thanks @hchanana