Line Widget – Overview

A Line widget can display an Asset’s data in one of two Scopes: Aggregated Data or Raw Value. You select the Asset types display, which tags to display, determine the data to display, organize how the data is presented, and then customize the line appearance.

Note that you can include only a single line widget per dashboard. Each widget can display up to 4 lines of data.

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.

You can select more than one Asset Type.

Note that this widget has three default Asset Properties: Asset ID, Asset Name, and Data Timestamp.

Under Tag data, note that if you select more than 4 tags, the user will be able to select 4 of those tags to view in the widget.

When you have finished, click Next to continue.

 

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:

Make your selection, and click Next.

Step 3 – Organize

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

This is where you determine:

The behavior in this step depends on the Scope you have selected in Step 2.

Aggregated Data

Group By

You cannot add or delete properties, but you can change the order by dragging the properties using the drag handle .

Data and Metrics

Drag the data you want to show into the Data and Metrics field.

·          Each tag becomes a line.

Note that:
- The first tag you place here serves as the Y-axis in the widget.
- You can display up to 4 lines of data.
If you select more than 4 tags, the widget enables the end-user to select which 4 tags will be displayed. If you select fewer than 4, in the next step, Customize, you can enable the user to view each line individually.

·          The order of the tags sets the order of the lines, and the tag name is automatically assigned to the line (you can assign an alias name in Customization).

·          You can change the order by dragging your selections into a different order.

·          The first tag serves as the Y-axis in the widget (you can select a different Y-Axis in Customization.)

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, or calculations, to display.

 

 

Multiply or Divide by Factor

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.

 

Filters

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

Widget filtering will be limited by any Dashboard Filter setting, as well as by the User Filter Widget.

Use the available options to filter your data and display it according to your selected parameters, such as time, date, or size.

To filter data:

 

Step 4 – Customize your Line Widget

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

You can enter a Widget Name—a display name for the title bar and customize the appearance of your widget, including Lines, Axes, Tooltips, Legend, and more.
As you work, the Preview shows your changes.

Lines settings

·          Line name: the default name is the Tag name; type in a Line name as an alias to display in the widget.

·          Colors: click a color box and use the Color Picker to assign specific colors.

 

Y-Axis

Show Y-Axis: click the drop-down arrow and select Left or Right to show this tag as a Y-Axis value.

In the next image:
- Pressure is selected as Y-Axis on the left, with Bar assigned as the axis name, and the value scale set to Auto
- TEMPERATURE is selected as a Y-Axis on the right, with Temp C assigned as the axis name, the scale is set to Manual, from 0 to 100.

 

Allow Tag Selection

If you select less than 4 tags, the option Allow tag selection is visible.

Check it to enable your user to select which tags to view.

If you have selected more than 4 tags, this option is not visible--the feature is automatically included

 

Brush Display

Brush Display is an additional feature that allows your users to select an area and zoom in.  Note that in:

To zoom in with Brush Display, drag the margins edges to the areas you wish to display, then move the marked area to zoom into the desired section on the graph.

Subtitle, Legend, Tooltip, Data Labels

 

Colors

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

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.

 

 

Click to see  how an end-user can select tags to view live, online in the widget.

 

Click to see  how an end-user can select different Assets, delete tags and view two Assets simultaneously, and use Brush view to identify specific data points live, online in the widget.