<
From version < 154.1 >
edited by Dilisi S
on 2025/03/17 00:15
To version < 142.1 >
edited by Dilisi S
on 2025/03/09 04:02
>
Change comment: Uploaded new attachment "dashboard-4.png", version {1}

Summary

Details

Page properties
Content
... ... @@ -350,8 +350,8 @@
350 350  
351 351  Click on the **Advanced settings** button.
352 352  
353 -* **Clean session:** YES
354 -* **Retained**: YES
353 +* **Clean session:** NO
354 +* **Retained**: NO
355 355  
356 356  [[image:add-integration-connection-advanced-settings.png||height="510" width="500"]]
357 357  
... ... @@ -416,7 +416,7 @@
416 416  On the terminal, issue the following MQTT command which simulates the device S31B-NB. The message payload contains the fields temperature and humidity, which hold the values 10.4 and 85, respectively. This payload is also (technically) known as telemetry.
417 417  
418 418  {{code language="none"}}
419 -mosquitto_pub -d -q 1 -h 011731f7928xxxxx.s1.eu.hivemq.cloud -p 8883 -t "tb/mqtt-integration-tutorial/sensors/S31B-NB/telemetry" -u "xxxxx" -P "xxxxx" -m '{"temperature":10.4, "humidity":85}'
419 +mosquitto_pub -d -q 1 -h 011731f7928541588a6cdfbbedfc63f4.s1.eu.hivemq.cloud -p 8883 -t "tb/mqtt-integration-tutorial/sensors/S31B-NB/telemetry" -u "pradeeka" -P "Kalpani123@" -m '{"temperature":10.4, "humidity":85}'
420 420  {{/code}}
421 421  
422 422  If the integration was performed without errors, the status of the integration changes to 'Active' after the first telemetry transmission.
... ... @@ -462,15 +462,10 @@
462 462  
463 463  = 6. Creating a Dashboard =
464 464  
465 -ThingsBoard **Dashboards** provide a powerful way to visualize and monitor real-time and historical data from connected devices. They allow users to create interactive, customizable panels displaying telemetry data, device status, and other key metrics. With a variety of widgets, including charts, maps, and tables, dashboards help users gain insights, track trends, and manage IoT deployments efficiently.
466 466  
466 +In ThingsBoard, from the left navigation menu, click **Dashboards**. Then, click the **+** button and select **Create new dashboard** from the dropdown menu.
467 467  
468 -This section guides you on how to create a dashboard to display temperature and humidity data from the device on a time-series chart. You may also use other widgets in ThingsBoard to display data according to your requirements.
469 469  
470 -
471 -In **ThingsBoard**, from the left navigation menu, click **Dashboards**. Then, click the **+** button and select **Create new dashboard** from the dropdown menu.
472 -
473 -
474 474  [[image:dashboard-1.png]]
475 475  
476 476  
... ... @@ -488,72 +488,6 @@
488 488  [[image:dashboard-3.png]]
489 489  
490 490  
491 -In the **Select widgets bundle** window, click **Charts**.
492 492  
493 493  
494 -[[image:dashboard-4.png||height="537" width="700"]]
495 -
496 -
497 -
498 -In the **Charts: select widget** window, click **Time series chart**.
499 -
500 -
501 -[[image:dashboard-5.png||height="525" width="700"]]
502 -
503 -
504 -Configure the **Time series chart** widget as follows:
505 -
506 -* **Datasource** - select S31B-NB device you provisioned.
507 -* **Series**:
508 -** **temperature** - you can see this key by default.
509 -** **humidity** - Click **Add series** button. Then add the **humidity** for the key and then type **%** as its unit.
510 -* Click on the **Add** button.
511 -
512 -[[image:timeseries-1.png||height="491" width="700"]]
513 -
514 -
515 -The time-series chart will appear in edit mode. Resize it by clicking and dragging the lower-right corner.
516 -
517 -Click the **Save** button to add the widget to the dashboard.
518 -
519 -
520 -[[image:timeseries-3.png||height="347" width="700"]]
521 -
522 -
523 -Now send the following MQTT messages from the terminal to simulate the data.
524 -
525 -
526 -{{code language="none"}}
527 -mosquitto_pub -d -q 1 -h 011731f7928xxxxx.s1.eu.hivemq.cloud -p 8883 -t "tb/mqtt-integration-tutorial/sensors/S31B-NB/telemetry" -u "xxxxx" -P "xxxxx" -m '{"temperature":20, "humidity":70}'
528 -
529 -mosquitto_pub -d -q 1 -h 011731f7928xxxxx.s1.eu.hivemq.cloud -p 8883 -t "tb/mqtt-integration-tutorial/sensors/S31B-NB/telemetry" -u "xxxxx" -P "xxxxx" -m '{"temperature":22, "humidity":71}'
530 -
531 -mosquitto_pub -d -q 1 -h 011731f7928xxxxx.s1.eu.hivemq.cloud -p 8883 -t "tb/mqtt-integration-tutorial/sensors/S31B-NB/telemetry" -u "xxxxx" -P "xxxxx" -m '{"temperature":18, "humidity":79}'
532 -
533 -{{/code}}
534 -
535 -The chart will update with the values in realtime, as shown in the below image.
536 -
537 -
538 -[[image:timeseries-4.png||height="316" width="700"]]
539 -
540 -
541 -= 7. Configure NB-IoT Sensor =
542 -
543 -
544 -Now, let's experiment with sending data to ThingsBoard using a real NB-IoT device. For example, we will use the **S31B-NB**.
545 -
546 -First, configure the NB-IoT device with the necessary MQTT settings using AT commands. Below is a list of AT commands you can use.
547 -
548 -
549 -**AT Commands**
550 -
551 -* **AT+PRO=3,3    **~/~/ Use MQTT to connect to ThingsBoard. Payload Type set to 3.
552 -* **AT+SUBTOPIC=<MQTT topic>**
553 -* **AT+PUBTOPIC=<MQTT topic>**
554 -* **AT+CLIENT=null**
555 -* **AT+UNAME=<MQTT Username>**
556 -* **AT+PWD=<MQTT Password>**
557 -* **AT+SERVADDR=<Broker address, Port>**
558 -
559 -Test your uplink by pressing the ACT button for 1 second.
488 +
dashboard-5.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.pradeeka
Size
... ... @@ -1,1 +1,0 @@
1 -476.1 KB
Content
emqx.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.pradeeka
Size
... ... @@ -1,1 +1,0 @@
1 -39.1 KB
Content
ins1.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.pradeeka
Size
... ... @@ -1,1 +1,0 @@
1 -28.8 KB
Content
timeseries-1.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.pradeeka
Size
... ... @@ -1,1 +1,0 @@
1 -179.1 KB
Content
timeseries-3.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.pradeeka
Size
... ... @@ -1,1 +1,0 @@
1 -174.2 KB
Content
timeseries-4.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.pradeeka
Size
... ... @@ -1,1 +1,0 @@
1 -159.0 KB
Content
Copyright ©2010-2024 Dragino Technology Co., LTD. All rights reserved
Dragino Wiki v2.0