Use the Trend View component to display tag values from the current process in the form of trends as a function of the time. The scope of the chart is determined by the maximum tag value. One Trend View component can display 10 tags at most.

In the Trend View Properties, you customize the position, size, title, and title style of the component. You can do the following operations in particular:

• Changing size and position of an component

• Setting the style of text

Add a Trend View component

Set the animation properties of trends under Properties -> Animation:

1. Select the Trend View component in the component pane.

2. Drag it to the Editor pane and release the mouse button.

3. Set the animation properties of trends under Properties -> Variable:

   • Click "..." at the right end of the row Trend View Variable.

   • In the Trend View Variable table, click "+" to add a new variable.

     You can delete a variable by clicking "-" while it is selected.

   • Specify the properties of the variable and the color it shows in the trend view.

   • Save the table by clicking Save.

     

4. Set the interval time in the Interval Time drop-down list.

5. Set the count of interval time in time axes in the Time Scale Count drop-down list.

Properties for Trend View

• Basic

  • Name: Trend View

  • Location: you can modify the location coordinate for the Trend View.

  • Size: you can modify the width and height information for the Trend View.

• Values

  • Trend View Title: Set the title for the Trend View.

• Styles

  • Title Font: select Font, Font Style and Size information separately in the Font pane. Click the OK button to save the changes, or click the Reset to Default button to reset to the default settings.

  • Title Text Color: click Text Color Swatches, select a swatch, and click OK button.

  • Title Text Align: align the text on left, center, or right.

• Animation

  • Interval Time (seconds): set the interval time of the Trend View.

  • Time Scale Count: set the time scale count of the Trend View.

• Variable

  • Trend View Variable: Add or delete the Trend View variables.