Changes for page ThingsBoard
Last modified by Dilisi S on 2025/04/15 23:13
Summary
-
Page properties (1 modified, 0 added, 0 removed)
-
Attachments (0 modified, 3 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -462,10 +462,15 @@ 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. 465 465 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. 468 468 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 + 469 469 [[image:dashboard-1.png]] 470 470 471 471 ... ... @@ -483,6 +483,76 @@ 483 483 [[image:dashboard-3.png]] 484 484 485 485 491 +In the **Select widgets bundle** window, click **Charts**. 486 486 487 487 488 - 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 011731f7928541588a6cdfbbedfc63f4.s1.eu.hivemq.cloud -p 8883 -t "tb/mqtt-integration-tutorial/sensors/S31B-NB/telemetry" -u "pradeeka" -P "Kalpani123@" -m '{"temperature":20, "humidity":70}' 528 + 529 +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":22, "humidity":71}' 530 + 531 +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":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 + 553 +* **AT+SUBTOPIC=<device name>** Eg. 554 + 555 +* **AT+PUBTOPIC=<device name>** 556 + 557 +* **AT+CLIENT=<device name> or User Defined** 558 + 559 +* **AT+UNAME=<device name> or User Defined** 560 + 561 +* **AT+PWD=<device name> or User Defined** 562 + 563 +Test Uplink by click the button for 1 second
- timeseries-1.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.pradeeka - Size
-
... ... @@ -1,0 +1,1 @@ 1 +179.1 KB - Content
- timeseries-3.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.pradeeka - Size
-
... ... @@ -1,0 +1,1 @@ 1 +174.2 KB - Content
- timeseries-4.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.pradeeka - Size
-
... ... @@ -1,0 +1,1 @@ 1 +159.0 KB - Content