Progress Bar Widget Overview

A Progress Bar widget can display the data from a single tag belonging to an Asset in one of two Scopes: Aggregated Data or Last Value. This topic shows you how to configure a Progress Bar widget to display the current value of a single data tag in relation to a maximum value which you set in the widget. You can select to display the current value either as percentage of that maximum, or as its actual value, and then you can customize the widget appearance.

Widget Wizard

After you drag & drop a widget onto the Canvas, the Wizard opens and leads you through the required steps.

Step 1 – Data

Here you select the Asset Type, the Asset Properties, and the Tag Data you want to present in the widget.

When you have finished, click Next to continue to the next step.

Step 2 – Scope

Select the widget Scope.

Scope determines which data is displayed, and how it will be displayed; available options depend on the widget type.

Scope types include:

Aggregated Data
Enables you to collect data from specified tags over a specific time period, and to automatically calculate and display the result of calculations such as average, minimum, maximum, sum, and count. You can select how to sort and filter the displayed results.
Last Value
Select this to display the most recent value of the selected tags. You can select how to sort and filter the displayed results.
Aggregate by Last Value
Enables you to take the most recent value of the selected tags and to automatically calculate and display the result of calculations such as average, minimum, maximum, delta, sum, and count. You can select how to sort and filter the displayed results.

Make your selection, and click Next.

Step 3 – Organize

Tags and Asset properties you selected in Step 1 will be shown in Available Data.

Data and Metrics

A Progress Bar widget displays data from a single numeric tag. Drag the tag you want to show into the Data and Metrics field.

Aggregated data only: Note the drop-down arrows that enable you to perform calculations on the collected tag data.
After you drop a tag into the field, click the drop-down arrow and select the calculation, to display.

You can apply a factor to multiply or divide the value of a numerical tag or aggregated data, in order to display the modified values on Dashboards.

Tip

To learn more, see Multiply or Divide by Factor.

You can filter your data to display it according to your selected parameters, such as time, date, or size..

1....Click Filters to open Available Data and view the Data Tags and Asset properties selected in Step 1.

2. Drag & drop the tags you want to display in the table to the Filters area.

Step 4 – Customizing a Progress Bar Widget

You can customize your widgets to effectively display your data, according to your dashboard requirements.

Entering a Max Value is mandatory; the Widget preview will be disabled until this value is entered.

You can enter a Widget Name—a display name for the titlebar and customize the appearance of your widget, including text, shape, and colors.

The color picker works on the same principles for all Dashboard elements.

Click a color square to open the Color Picker.
Select the Color in the selection bar.
Click the color field, and drag your cursor to the desired color.
Click OK; the element will take on the color of your selection.

The following image shows a shade of red being applied to a table row background.

Step 5 – Navigation

Here you configure which dashboard UniCloud will display in response to user clicks. Navigation is not mandatory, and can be left undefined.

Tip

To learn more, see the Dashboard Navigation guide.

When you are done, click Finish to return to the Dashboard Canvas.

The widget you have just configured will be displayed at its default size and may be resized and repositioned.