Step
|
Action
|
---|---|
1
|
Select the Monitoring tab.
|
2
|
Expand the Graphic Viewer (Menu → Graphic Viewer).
|
3
|
Select a graphic from the Graphic Viewer sub-menu to view the graphic. (Graphics have user-defined names that were assigned when the graphics were created in Web Designer.)
|
Step
|
Action
|
---|---|
1
|
Open the Home page.
|
2
|
Expand (+) the Add Widget menu.
|
3
|
Drag the Graphical View onto the Home page.
|
4
|
Select a widget type:
|
5
|
Configure each widget type according to the specific instructions below.
|
Step
|
Action
|
---|---|
1
|
Select the Circular Gauge widget from the Graphical View menu.
|
2
|
Select a single variable in the pull-down menu.
|
3
|
Assign a minimum and maximum threshold value for the variable. These values define the valid (green) range on the gauge.
|
4
|
Click Save.
|
Step
|
Action
|
---|---|
1
|
Select the Linear Gauge widget from the Graphical View menu.
|
2
|
Select a single variable in the pull-down menu.
|
3
|
Select a Graphic Orientation for the gauge:
|
4
|
Assign a minimum and maximum threshold value for the variable. These values define the valid (green) range on the gauge.
|
5
|
Click Save.
|
Step
|
Action
|
---|---|
1
|
Select the Indication Light widget from the Graphical View menu.
|
2
|
Select a single variable in the pull-down menu.
|
3
|
Select an LED color in the Color if True pull-down menu to assign that color to the on (1) state.
|
4
|
Select an LED color in the Color if False pull-down menu to assign that color to the off (0) state.
|
5
|
Click Save.
|
Step
|
Action
|
---|---|
1
|
Select the Numeric Display widget from the Graphical View menu.
|
2
|
Select a single variable in the pull-down menu.
|
3
|
Scroll to an image in the Image pull-down menu that corresponds to the selected variable.
|
4
|
Indicate the unit in the Unit of Measure field.
|
5
|
Click Save.
|