Introduction
Video tutorial https://www.youtube.com/watch?v=WcAbBRx75H4
why we do this
Although we have try to integrated more UI useful view in IAMMETER-cloud, it can not cover all requirements. So we have make this project, you can easily develop and customize your own monitor view, only by JS code.
Such as:
- Plot all power values in one chart.
- Display the instant value in a different color when it exceeds the alarm value.
- etc...
who is this for
IAMMETER-cloud user, who are familiar with JavaScript and has extra monitor view requirements.
Prepared before
Please
1 Upgrade your firmware to the latest version
2 Change the upload mode to MQTT
3 change the upload interval to 6 seconds
Basic demo
This is a simple demo to show how to use the local monitoring webpage.
reference
This is a very cool feature.
We are collecting useful monitoring views.
If you also want to define your own monitoring view but do not familiar with Javascript, you can post the sketch of the monitoring view here, we will select some to complete and released in our Github repository.
https://github.com/lewei50/iammeterJS/tree/main/Demo1
features
- Monitor the real-time power of the selected meter(SN) in chart,
- The MQTT parameter in IAMMETER-cloud can be configured directly in webpage.
- The SN of the meter you want to monitor can be input directly in webpage.
- You can set the threshold if the instant value is greater than the threshold would be displayed in red.