Graph

The
Graphs
category under
GeneralEquipment
in the
Toolbox
contains graphic elements to display data on bar graphs and spider charts. These graphic elements are commonly used to display data in a manufacturing system.
Add a bar graph that shows the amount filled or a spider chart that displays the status of three to seven tag values, depending on the spider chart selected. For example, to display the status of four tag values, add the Spider Chart 4 graphic element and bind the built-in animation properties of the graphic element to a tag. The values from a controller are plotted on the chart or graph when the values are read from the controller.
Built-in animation properties
Built-in animation properties appear under the
General
category of the
Properties
window. Specify values for these properties in order to animate the graphic element or change the information the graphic element shows on the HMI device.
Not all graphic elements in this category have the same properties. The built-in animation properties for a graphic element in this category depend on the graphic element selected. For example, the Input values for a Spider Chart 4 include Input1 through Input4, Input1Min through Input4Min, and Input1Max through Input4Max.
Name
Category
Purpose
Accepted values
Input1
General
Specifies the value for the first dimension in the spider chart.
Bound tag
Input2
General
Specifies the value for the second dimension in the spider chart.
Bound tag
Input3
General
Specifies the value for the third dimension in the spider chart.
Bound tag
Input4
General
Specifies the value for the fourth dimension in the spider chart.
Bound tag
Input5
General
Specify the value for the fifth dimension in the spider chart.
Bound tag
Input6
General
Specifies the value for the sixth dimension in the spider chart.
Bound tag
Input7
General
Specifies the value for the seventh dimension of the spider chart.
Bound tag
Input1Max
General
Specifies the maximum value for the first dimension in the spider chart.
Any value greater than the Input1Min property value
Input2Max
General
Specifies the maximum value for the second dimension in the spider chart.
Any value greater than the Input2Min property value
Input3Max
General
Specifies the maximum value for the third dimension in the spider chart.
Any value greater than the Input3Min property value
Input4Max
General
Specifies the maximum value for the fourth dimension in the spider chart.
Any value greater than the Input4Min property value
Input5Max
General
Specifies the maximum value for the fifth dimension of the spider chart.
Any value greater than the Input5Min property value
Input6Max
General
Specifies the maximum value for the sixth dimension of the spider chart.
Any value greater than the Input6Min property value
Input7Max
General
Specifies the maximum value for the seventh dimension in the spider chart.
Any value greater than the Input7Min property value
Input1Min
General
Specifies the minimum value for the first dimension in the spider chart.
Any value less than the Input1Max property value
Input2Min
General
Specifies the minimum value for the second dimension in the spider chart.
Any value less than the Input2Max property value
Input3Min
General
Specifies the minimum value for the third dimension in the spider chart.
Any value less than the Input3Max property value
Input4Min
General
Specifies the minimum value for the fourth dimension in the spider chart.
Any value less than the Input4Max property value
Input5Min
General
Specifies the minimum value for the fifth dimension of the spider chart.
Any value less than the Input5Max property value
Input6Min
General
Specifies the minimum value for the sixth dimension in the spider chart.
Any value less than the Input6Max property value
Input7Min
General
Specifies the minimum value for the seventh dimension of the spider chart.
Any value less than the Input7Max property value
MaxValue
General
Specifies the maximum value on the graphic element.
Any numeric value greater than the MinValue property value
MinValue
General
Specifies the minimum value on the graphic element.
Any numeric value less than the MaxValue property value
Value
General
Specifies the value of the graphic element.
Bound tag
Unique properties
Unique properties are properties that not all graphic elements in the Toolbox share. Not all graphic elements in this category have the same properties. The unique properties of a graphic element in this category depend on the graphic element selected.
Name
Category
Purpose
Accepted values
Color
Appearance/Axis
Specifies the color of the lines on the spider chart.
Any selected color in the
Color Picker
 or a Hex color value entered manually. The Hex value must be in the format #RRGGBB. R, G, and B are Hex digits from 0 through F and represent the color channel values for red, green, and blue. For example, #ffff00 produces yellow.
Color
Appearance/Border
Specifies the color of the border.
Any selected color in the
Color Picker
 or a Hex color value entered manually. The Hex value must be in the format #RRGGBB. R, G, and B are Hex digits from 0 through F and represent the color channel values for red, green, and blue. For example, #ffff00 produces yellow.
CornerRadius
Appearance
Specifies the curve of the corners.
0 or a positive number
FillColor
Appearance
Specifies the fill color.
Any selected color in the
Color Picker
 or a Hex color value entered manually. The Hex value must be in the format #RRGGBB. R, G, and B are Hex digits from 0 through F and represent the color channel values for red, green, and blue. For example, #ffff00 produces yellow.
LevelColor
Appearance
Specifies the color of the fill level.
Any selected color in the
Color Picker
 or a Hex color value entered manually. The Hex value must be in the format #RRGGBB. R, G, and B are Hex digits from 0 through F and represent the color channel values for red, green, and blue. For example, #ffff00 produces yellow.
Style
Appearance/Axis
Specifies the style of the lines on the spider chart.
  • Any selected Line style - None, Solid, Dash, Dot, Dash Dot, or Dash Dot Dot
  • Any selected Cap style - Flat, Round, or Square
  • Any selected Join style - Miter, Bevel, or Round
Style
Appearance/Border
Specifies the style of the border line.
  • Any selected Line style - None, Solid, Dash, Dot, Dash Dot, or Dash Dot Dot
  • Any selected Cap style - Flat, Round, or Square
  • Any selected Join style - Miter, Bevel, or Round
Width
Appearance/Axis
Specifies the width of the lines on the spider chart.
  • None
  • 1 pixel
  • 2 pixels
  • 4 pixels
  • 8 pixels
Width
Appearance/Border
Specifies the width of the border line.
  • None
  • 1 point
  • 2 point
  • 4 point
  • 8 point
Common properties
Common properties exist for all graphic elements.
Property
Category
Purpose
Accepted Values
Access
Security
Specifies if all users have access to the control element, or if access is inherited from the screen.
  • Inherit - Access inherited from screen.
  • Full Access - Access granted to all users.
Angle
Position and Size
Specifies the rotation angle.
Enter 180 to display the graphic element upside down. If you enter a value larger than 360, the portion of numeric value that is over 360 becomes the value. For example, enter 380 to see a value of 20. If you enter a value less than 0, the negative value is subtracted from 360. For example, enter -30 to see a value of 330.
  • Numbers 0 to 360
Enabled
Appearance
Specifies if the graphic element is available on the HMI device and if the graphic element accepts touch and key input.
  • Enabled - selected
  • Not Enabled - cleared
Height
Position and Size
Specifies the height in pixels.
Any positive numeric value
Opacity
Appearance
Specifies the transparency of the graphic element.
0 (fully transparent) - 100 (fully opaque)
Visible
Appearance
Specifies if the graphic element is visible on the HMI device.
  • Visible - selected
  • Not visible - cleared
Width
Position and Size
Specifies the width in pixels.
Any positive number
X
Position and Size
Specifies the horizontal coordinate, in pixels, from the upper left corner of screen to the upper left corner of a graphic element or group with no rotation. If the graphic element or group is rotated, the X property value does not change.
Any positive number
Y
Position and Size
Specifies the vertical coordinate, in pixels, from the upper left corner of screen to the upper left corner of a graphic element or group with no rotation. If the graphic element or group is rotated, the Y property value does not change.
Any positive number
Provide Feedback
Have questions or feedback about this documentation? Please submit your feedback here.
Normal