Grafana is a handy and flexible tool for data visualizing and monitoring, which pulls data from the database. You can customize all the displayed graphs, tables, or columns using queries.

More details:


On the Market page, open the Addons tab and click on the download icon near the Grafana addon.

Market section

On the Service Manager page, click on the “Setup service” list and select the Grafana addon.

Service Manager section


Enter the name of the service and click on the “Save” button.

The addon settings

To enter the Grafana admin panel, launch the bridge, and click on the icon next to its name.

Entering the Grafana admin panel

To log in, use these default credentials:

  • login: admin
  • password: admin

Entering the Grafana admin panel

To create your first chart, click on Сreate in the "+" menu.

Grafana admin panel

Create a new panel by clicking on the "Add new panel" button.

New panel creation

Grafana created an empty graph. The example below will show how to set it up for temperature monitoring.

Setting up the graph

The current air temperature data will be obtained using the OpenWeatherMap bridge.

The OpenWeatherMap bridge

The OpenWeatherMap bridge

Copy the temperature data topic and transfer them to the Grafana parameters.

Setting up the graph

Settings comments:

  • In the FROM section, choose a default timeline that pulls values from the topic.
  • In the Select section, choose a "field (number)" so that numbers would be read. Since was specified a string, it will not see any data.
  • In the Group by section, leave the default value to show the entire period involved. Choose the "fill (previous)" indication.

"Fill" is a way to fill data between two values. For example, if the value 10 arrives at 13:00 and value 50 arrives at 13:20, then fill previous will display 10 until 13:20.

After completing all settings and data collection, the following graph is obtained.

The example graph

At the top right, you can set the display range. In this example, that is data for the last 30 minutes + auto-updating data every 10 seconds.

For another example, let's change the locality in the OpenWeatherMap bridge to see what the temperature will be there and how the graphs will display it.

The air temperature on the graph is about 20 degrees. To select a colder area, let's specify Stockholm.

Setting up the graph

The new graph shows that the air temperature in Stockholm at the time of drawing up the chart was about 15 degrees.

The example graph

The example above is a tiny part of the features that Grafana provides. Using this tool, you can create a variety of screens with graphs that visually display the data statistics of your devices. Pay attention to the color schemes and other flexible graph configuration options. For details, see the documentation for the tool.

results matching ""

    No results matching ""