Connecting widgets to data
Widgets are components that connect to one or more data sources, and visualize the incoming data. Different widgets will visualize data in various ways, from charts and graphs to tables of values. Adding a widget to a dashboard and selecting a data source to display is a basic feature of MyStacks.
Add a widget
The datapoint widget will display the most recent value sent from a tag. Add a datapoint widget to your dashboard following the steps below:
- Enable editing: In your tutorial dashboard, ensure that the lock icon (
) in the upper right is unlocked. - Add a widget: Open the Add New Widget menu (
), select the ‘Datapoint’ widget, and click finish. - Resize and reposition: Click the bottom right corner of the widget, and drag it out and down to make it larger. Click the orange header bar to position it left or right on the page.
Connect the widget to a data source
Hover over the orange bar and click the gear icon (
) to open the configuration panel and select a data source for this widget, following the steps below:
- Select a stack to connect to: Click on the ‘Stack’ dropdown menu to choose from a list of all stacks that you have access to. Each stack will offer one or several data tags.
- Select a tag to view: Click the ‘Attribute’ dropdown to see a list of tags available from your chosen stack. Choose a tag related to the sensor you’d like to visualize in the widget.
- Proceed to the next section: Click “next” to view the data handling options for this widget type. A detailed explanation of the Datapoint Widget and it’s properties is available here. Other widgets will have different options.
- Apply your changes: Click the ‘Finish’ button to return to your dashboard.
The tag being monitored will now show in the orange header, and the latest data will display in the widget.