So far, I have just doing dashboard for monitoring 20-30 sensors.
A special case is comming up, 10 sensors in 100 different buildings. Any leads how to estiblish a kind of menu based dashboard to select building and its sensors?
As you have probably discovered, there is no easy way to dynamically add UI nodes to your Dashboard flows. However, you can dynamically generate some basic html elements using ng-repeat inside a ui-template node, iterating over an array of all the data and displaying it. That is basically what ui-table is doing (iirc), and there are several examples in this forum that shown how to iterate over array of images, for example.
But it sounds like you would like to select 1 building out of the list of 100(!) -- so best to have a way to search that list. If you know the max number of sensors in any building will be 10, then you can build a single Dashboard page that shows all 10 sensor types with their charts and gauges. Then you use the building selection list to trigger a flow that pulls only the 10 readings for that selected building. Pass that data to your dashboard, and configure the UI nodes to pull the data by type (e.g. temperature, humidity, utitily usage, whatever). This gives you a way to show all buildings, one at a time, without making a custom dashboard for each.
Here is another similar thread that also mentions the use of the uibuilder node to provide a more dynamic UI app. Although that type of solution is only practical if you have some experience building html/css/js based web apps.
1 Like
Perhaps try ui-table with a tree view where you can organize all your values by i.e. Building, level, room
and the example in the last post.
I think you would be better off using a separate front end framework for the dashboard (like React) and letting NR handle just the back end, especially if this is a commercial product.
Ui-table (tabulator) is capable to handle 100k + rows. Together with custom formattes like bar graph or spark lines it might be perhpas not necessary for adding gauges or other ui elements. But you also could select a row in ui-table and then feed this data to some gauges.
If you have so many sensors and interested in the live state you might consider only updating the cells affected and not replacing the hole table. Ui-table: highlight updated cells with animations
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
