Thingsboard Widgets

Widgets are use for creating a dashboards. Widgets are nothing but the templates . By using widgets you can  visualize your data in graphical form.



Thingsboard supports different kind of widgets for data visualizations:
1)Charts
2)Cards
3)Analogue gauges
4)Digital gauges
5)Maps

To see your available widgets , please click on WIDGETS LIBRARY

To see your Charts widgets , please click on WIDGETS LIBRARY -> Charts
Thingsboard has given various charts for data representation. Different charts may represent single or multiple values or data at time. Different charts shown in following image. Selection of chart is based on how you want to represent data. For example if you want to represent data in Bar form then select Bars chart or if you want to represent data in Pie form then select Pie chart  etc.

To see your Cards widgets , please click on WIDGETS LIBRARY -> Cards
Thingsboard has given various cards for data representation. Different cards may represent single or multiple values or data at time. Different cards shown in following image. Selection of card is based on how you want to represent data. For example if you want to represent real time data with timestamp then select Timeseries table or if you want to create your own card then select HTML code here card and write your HTML code there or if you want represent data on image then select Label widget etc.

To see your Analogue gauges widgets , please click on WIDGETS LIBRARY -> Analogue gauges
Thingsboard has given various Analogue gauges for data representation. Different Analogue gauges represents single value or data at time. Analogue gauges shown in following image. Selection of Analogue gauges is based on how you want to represent data.




To see your Digital gauges widgets , please click on WIDGETS LIBRARY -> Digital gauges
Thingsboard has given various Digital gauges for data representation. Different Digital gauges represents single value or data at time. Digital gauges shown in following image. Selection of Digital gauges is based on how you want to represent data.

To see your Maps type , please click on WIDGETS LIBRARY -> Maps
Thingsboard has given various Maps for data representation. Different Maps represents single or multiple values or data at time. Maps shown in following image. Selection of Maps is based on how you want to represent data.

You can also modify widgets given by thingsboard . To modify you should know Javascript , HTML and CSS. For example you want to modify Timeseries table card then click on Edit widget.

Modify Javascript , HTML and CSS codes for modification and Click on SAVE AS.

You may also like...

Leave a Reply