<
From version < 143.1 >
edited by Dilisi S
on 2025/03/09 04:03
To version < 145.1 >
edited by Dilisi S
on 2025/03/09 04:16
>
Change comment: There is no comment for this version

Summary

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  
timeseries-1.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.pradeeka
Size
... ... @@ -1,0 +1,1 @@
1 +179.1 KB
Content
Copyright ©2010-2024 Dragino Technology Co., LTD. All rights reserved
Dragino Wiki v2.0