Dynamic Gauges depending upon mqtt input

Dashboard
1

I am new in Node red.I wants to add gauges dynamically depending on no's of mqtt json data input ,
e.g. mqtt data be like ..

{"d":{"Sample":"200","Sample1":"500","LP4":"300","LP5":"150"}}

From Above data i wants to create 4 gauges dynamically.The no's of parameters may vary.according to them i want to add extra gauges on my dashboard dynamically.

2

Not possible with node-red dashboard. You'll need much more freedom and control over the frontend so https://flows.nodered.org/node/node-red-contrib-uibuilder is probably easiest way to achieve the goal.

2 Likes
3

uibuilder can indeed help you with this. Using the default setup gives you access to the VueJS framework with bootstrap-vue. There are examples of a number of charting libraries in the uibuilder WIKI on GitHub.

If you don't like VueJS, you can replace it with any other framework.

When you send your data to uibuilder, just make sure that it has an identifier so that you know how to update the appropriate gauge. Typically you would use the msg.topic to do that but it could be anything.

4

Thank you very much to both now it is working .

1 Like