IoTFlows
  • Welcome to IoTFlows Docs
  • IoTFlows
  • Console
  • REST API
  • Device Management & Secure Remote Access
    • 1. Connect a device to the cloud or create a virtual device
    • 2. SSH to your device over the internet
    • 3. Transfer files to your device over the internet
    • 4. Remotely access Node-RED on your device
    • 5. Create public links for local web-apps
  • Real-Time Data Streams, Alerts, and Actions
    • Create a Device API Key
    • Publish and subscribe to real-time messages with Node-RED
    • Creating an Alert Channel
    • Publish an Alert with Node-RED
    • Define and execute an Action in Node-RED
    • Python real-time SDK
    • Javascript real-time SDK
  • Cloud Node-RED Servers
    • Create a secure Cloud Node-RED Server in five minutes
    • Subscribe to data streams with a Cloud Node-RED Server
    • Integrate data streams to Node-RED dashboard
    • Integrate data streams to Slack
  • IOTFLOWS OVERVIEW
    • IoTFlows Roles and Permissions
    • Adding Team Members
  • Example Projects
    • Raspberry Pi as Gateway
      • Arduino to Raspberry Pi Serial Communication for Ultrasonic Sensor
    • Getting Started with Node-Red Dashboard
      • Installing Node-Red Dashboard
      • Accessing Node-Red Dashboard
      • 1. Creating a Page
      • 2. Adding Gauge Nodes
      • 3. Changing Dashboard Themes
      • 4. Adding Data to Gauge Nodes
      • 5. Adding a Chart Node
      • 6. Adding Data to Chart Node
      • 7. Adding a Template Node
      • 8. Adding Data to Template Node
      • 9. Adding Switch Node
      • 10. Adding Logic to Switch Node
      • 11. Adding a Slider Node
      • 12. Adding a Color Picker Node
      • 13. Adding a Numeric Node
      • 14. Adding a Button Node
      • 15. Adding Logic to a Button Node
      • Node-Red Dashboard Code
    • Publishing Data Streams from Python
    • Ultrasonic Sensor on Raspberry Pi Node-Red
  • General
    • Downloading IoTFlows Node-Red Nodes
    • Publishing Alert from Node-Red Manual
    • Publishing Data Stream from Node-Red Manual
Powered by GitBook
On this page

Was this helpful?

  1. Example Projects
  2. Getting Started with Node-Red Dashboard

4. Adding Data to Gauge Nodes

Previous3. Changing Dashboard ThemesNext5. Adding a Chart Node

Last updated 4 years ago

Was this helpful?

Now that we have two gauges ready to be populated with data, we will add two inject nodes and two function node. The inject nodes will trigger the function nodes, and the function nodes will simulate the fake data.

Once we place the nodes into the canvas, we connect the inject node to the function node, and the function node to the gauge node. We also add a comment node in order to better display each group, which will help us visualize everything as we continue to build our dashboard.

Next, double click the top function node tied to the Temperature Gauge and type the following code in order to generate values that simulate tank temperatures.

msg.payload = Math.round(Math.random()*10)+70;
return msg;

We will also change the name to Tank Temperature. Once complete click Done.

Similar to the temperature function node, double-click on the function node tied to the pH level gauge, type in the following code as well as change the name to Tank pH. Once complete click Done.

msg.payload = (Math.random() + 6.5).toFixed(1);
return msg;

Now that we have our functions in place, we will use the inject node to trigger these functions every 3 seconds. To do this, double-click on each inject node and change the following parameters.

Once each inject node has been changed, double-click the comment node and change the name to Temperature/pH monitor Section. Your canvas should now look like this

We can now click Deploy, and click on each one of the inject nodes to trigger the functions. This will start populating data in our dashboard, as shown below.