How change objects color at visu

[Trond Hoyem]

Use this, make sure that all lower/upper limit objects are defined and they all follow the naming scheme as you've posted.

Code:

12345678910111213141516171819202122232425

$(function() {   $('.color-by-value').each(function(_, el) {     var addr = $(el).data('object');     if (addr) {       grp.listen(addr, function(obj) {         var value = obj.value;         var name = obj.name;         var color = 'green';         var lname = name.replace('ACTUAL_TEMP', 'LOWER_LIMIT');         var uname = name.replace('ACTUAL_TEMP', 'UPPER_LIMIT');         var llimit = grp.getvalue(lname);         var ulimit = grp.getvalue(uname);         if (value < llimit) {           color = 'blue';         }         else if (value > ulimit) {           color = 'red';         }         $(el).css('color', color);       });     }   }); });

Fantastic!

Will try this out during the day.

[oyvindnordbo]

I want to change the color of a value 2 byte floating point if the value is the following I want it to change, does anyone have suggestions on how this can be solved?

0-3000 color #00991E
3001-5000 color #FF8C00
above5000 color #FF0000

[admin]

Use this, set additional class to color-by-value. Note that this only works in the actual visualization, not in the editor.

Code:

1234567891011121314151617181920212223

$(function() {   $('.color-by-value').each(function(_, el) {     var addr = $(el).data('object');     if (addr) {       grp.listen(addr, function(obj) {         var value = obj.value, color;         if (value <= 3000) {           color = '#00991E';         }         else if (value <= 5000) {           color = '#FF8C00';         }         else {           color = '#FF0000';         }         $(el).css('color', color);       });     }   }); });

[oyvindnordbo]

Hi, thanks for the help, but can't get it to work as expected, is this a Custom Javascript or a custom CSS?

[Daniel]

JavaScript

[victor.back]

If I want to set the color of an object dependent on the value of another specific groupaddress, is it just to change from this?

Code:

1

var addr = $(el).data('object');

To this?

Code:

1

var addr = "32/3/25";

[admin]

If you make this change then all elements with "color-by-value" class will follow this object value. This is fine if you only need one such element. Otherwise you need to create a copy of the script with a different class name for each instance.