[Announce] Dashboard Version 2.18.0

Just pushed latest updates to dashboard... mainly a cleanup of small issues - but includes updating to the now maintained justgage library, so we no longer have to monkeypatch old bugs in that library, and also moving the build to gulp4 in order to support Nodejs 12.


  • Update justgauge to latest (now maintained) version and drop monkeypatch. Issue #535.
  • Add engines node8 to package.json (we only support node8 anyway so should have made this mandatory)


  • Stop propagation of swipe when using color picker - Issue #539
  • Handle tab names with multiple spaces in for hide/show - Issue #541
  • Update gulpfile.js to gulp 4 so it builds on Nodejs 12 - Issue #542
  • Fix numeric step rounding when changed by ui_control

This update is great news for gauge users.
I'v seen users asked for can we have more than 3 colors
Now we can :slight_smile: And there is more ....

[{"id":"5c4c5120.bb035","type":"ui_gauge","z":"91a358ea.bbbb98","name":"","group":"dc4d8303.df87","order":0,"width":0,"height":0,"gtype":"gage","title":"gauge","label":"units","format":"{{value | number:1}}","min":0,"max":10,"colors":["#00b500","#e6e600","#ca3838"],"seg1":"5","seg2":"7","x":490,"y":180,"wires":[]},{"id":"b26a6748.70f428","type":"function","z":"91a358ea.bbbb98","name":"options","func":"msg.ui_control = {options:{customSectors: {\n  percents: false, \n  ranges: [{\n    color : \"#009900\",\n    lo : 0,\n    hi : 2\n  },{\n    color : \"#33cccc\",\n    lo : 2.1,\n    hi : 4\n  },{\n    color : \"#3366ff\",\n    lo : 4.1,\n    hi : 6\n  },{\n    color : \"#ff00ff\",\n    lo : 6.1,\n    hi : 8\n  },{\n    color : \"#ff0000\",\n    lo : 8.1,\n    hi : 10\n  }]\n    \n}}}\ndelete msg.payload\nreturn msg;","outputs":1,"noerr":0,"x":300,"y":280,"wires":[["5c4c5120.bb035"]]},{"id":"ef9011e5.8e00d","type":"ui_slider","z":"91a358ea.bbbb98","name":"","label":"slider","tooltip":"","group":"dc4d8303.df87","order":1,"width":0,"height":0,"passthru":true,"outs":"end","topic":"","min":0,"max":10,"step":"2","x":150,"y":180,"wires":[["5c4c5120.bb035"]]},{"id":"b2eb7e33.b3416","type":"ui_button","z":"91a358ea.bbbb98","name":"","group":"dc4d8303.df87","order":2,"width":0,"height":0,"passthru":false,"label":"2 colors","tooltip":"","color":"","bgcolor":"","icon":"","payload":"","payloadType":"str","topic":"","x":140,"y":240,"wires":[["22f666e0.f2ceda"]]},{"id":"d3416f08.ad98e","type":"ui_button","z":"91a358ea.bbbb98","name":"","group":"dc4d8303.df87","order":2,"width":0,"height":0,"passthru":false,"label":"5 colors","tooltip":"","color":"","bgcolor":"","icon":"","payload":"","payloadType":"str","topic":"","x":140,"y":280,"wires":[["b26a6748.70f428"]]},{"id":"22f666e0.f2ceda","type":"function","z":"91a358ea.bbbb98","name":"options","func":"msg.ui_control = {options:{customSectors: {\n  percents: false, \n  ranges: [{\n    color : \"#ffff00\",\n    lo : 0,\n    hi : 5\n  },{\n    color : \"#3399ff\",\n    lo : 5.01,\n    hi : 10\n  }]\n    \n}}}\ndelete msg.payload\nreturn msg;","outputs":1,"noerr":0,"x":300,"y":240,"wires":[["5c4c5120.bb035"]]},{"id":"dc4d8303.df87","type":"ui_group","z":"","name":"Charts","tab":"18e7297.06310d7","disp":true,"width":"6"},{"id":"18e7297.06310d7","type":"ui_tab","z":"","name":"Home","icon":"dashboard"}]

A thing of beauty :slight_smile:

Sorry to throw a spanner in the works, but it doesn't seem to work.

I updated my dashboard and imported the flow.

Either button pressed I get 5 colours on the gauge.

Green, a light and dark yellow, orange and red.

NR 0.20.5 (Could be the problem)
Dashboard 2.18.0
node: 8.16.2

Screenshot from 2019-11-26 09-23-32 Screenshot from 2019-11-26 09-23-35 Screenshot from 2019-11-26 09-23-39 Screenshot from 2019-11-26 09-23-42 Screenshot from 2019-11-26 09-23-44

I think you have pointed out the reason for sure. Also the nodejs is reasonable to have updated.

1 Like