Changes for page ThingsBoard
Last modified by Dilisi S on 2025/04/02 02:09
Summary
-
Page properties (1 modified, 0 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,28 @@ 483 483 [[image:dashboard-3.png]] 484 484 485 485 491 +In the **Select widgets bundle** window, click **Charts**. 486 486 487 487 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 to add the **humidity** and then type **%** as its unit. 510 +* Click on the **Add** button. 511 + 512 + 513 +[[image:timeseries-1.png||height="491" width="700"]] 514 + 488 488