Skip to content

Introduction

Dashboard

img home

Where you can find it

The Dashboard is the first field of the left-side menu.

img home

Usage

The Dashboard is the first thing you see once you've entered ResIOT. It is like a real board: it takes tracks of the desired Node's Tags drawing their Charts. To draw charts you need to check the desired Tags during Node editing.
You can create your custom chart clicking on the voice Dashboard Widget. See below for more information.

Dashboard Widget

Where you can find it

Dashboard Widget is located under the Settings item and above the Sub Accounts one.

GitHub Logo

Usage

Dashboard Widget allow you to easily monitor your data through Line, Table and Button Charts. You can also upload an image and use it as a background while attaching your "needles" defined by your data.

First you have to choose the type of your Widget. These types can be:

  • Line Chart
  • Table Chart
  • Button Chart
  • Image Background
  • Maps
  • Notes

GitHub Logo

Types

Once you have choosen your Widget's type there will be displayed its attributes that may differ from other types. The standard fields are:

  • Widget Name
  • Widget Type (Not Editable)
  • Dashboard Page
  • Widget Size
  • Widget Order
  • Widget Enabled

GitHub Logo

After editing the desired fields, you may procede with defining the data which will be displayed on a Widget. The data is different from every Widget type.
1. Line Chart

  • Objects avaible: Nodes and Variables (Only Integer)
  • Tag Name: the tag that will be described by the Widget (Only Integer and Boolean)
  • Label: the name of the Widget Line
  • Colour: the colour of the Widget
2. Table Chart
  • Objects avaible: Nodes and Variables
  • Tag Name: the tag that will be described by the Widget
  • Label: the name of the Widget Line
3. Buttons Chart
  • Objects avaible: Nodes and Scenes
  • Command: the command that will be described by the Widget
  • Label: the name of the Widget Line
4. Image Background
  • Objects avaible: Nodes, Variables (Only Integer and String), Scenes
  • Tag Name: the tag that will be used as a "needle" on the image
  • Label: the name of the "needle"
  • Colour: the colour of the "needle"
  • Pos. X: the X coordinate of the "needle"
  • Pos. Y: the Y coordinate of the "needle"
  • Edit Values in Chart: checkbox that allow you to edit the value in your dashboard
  • Notes: the notes bound to the Widget
  • Edit Note in Chart: checkbox that allow you to edit your notes in the dashboard
5. Table Chart
  • Objects avaible: Nodes
  • Label: the name of the Widget Line
  • Colour: the colour of the Widget
6. Notes Chart
The Notes Chart is usefull if you want to display in your personal Dashboard notes about everything you need. There chart work easily: there is a select box that display how the data should be inserted. Choices are:
  • HTML
  • Block Note

Once you are done just click on the Set Notes button and check your dashboard.

Note

If a node is selected then a valid tag must be choosen.