The Web Server Toolbox offers two different types of Trend graph widgets:
Live Trend.
This displays a running variable integer value as a curve on a Trend graph. You may define up to 4 curves.
Trend (Data Sampler)
This is similar to the HMI Trend. It is a graphical representation of a Data Sample.
Live Trend
To configure a Live Trend Widget:
Click the Live Trend widget in the Toolbox, move your cursor to the display, and drag it to define the borders of the graph.
Define the Trend Properties:
- Click the Live Web Trend Curves List collection to open the Curves Configuration.
- Link the tags that feed the Curves.
- You can select a color for each Curve, define minimum and maximum values, and set the number format.
When the Live Trend runs, pressing Inspect displays sampling points. You can hover your cursor over a point to view its value. |
|
|
Pressing Stop on a Live Trend will restart the Live Trend; |
To implement a Trend graph, you must:
Define a Data Sampler that contains at least one Feed.
Each feed will be represented as a curve on the Trend graph.
Place and configure a Trend widget on a web page.
In your application, use the Data Tags within the Sampler to start, end, and pause the data feeds.
Configuring a Trend Widget
Click the Data Sampler field to select a Data Sampler to supply data Feeds for the Trend Curves.
Click the Trend Curves List collection; the Curves Configuration opens.
Note that the curve Names are the names of the Data Feeds within the linked Data Sampler. You can edit a Feed name in the Data Sampler, but cannot edit them in the Curve Configuration.
You can select a color for each Curve, and define minimum and maximum values.
When you download the application to the controller, the Trend widget contains elements and buttons that control the display of the Trend graph.
Note |
|
The table below relates to the elements in the widget.
Element |
|
Function |
1 |
Trend Name |
Inherited from the Trend Property: Name of Element |
2 |
Curve Name |
The name of the currently highlighted Curve. This means that the curve line is thicker and brighter than the other curves on the screen. |
3 |
Sampler Status |
This simulates a status LED. It is green when the Data Sampler is active. |
4 |
Run/Stop button |
Press Run to start displaying the Trend; when the display switches, the |
5 |
Next Curve |
When the Trend begins to run, the first curve in the Trend Curves Collection list is highlighted on the screen. Use the Next Curve button to jump to the next Curve. |
6 |
History |
Press History to display a list of saved Data Sampler files. |
7 |
Slider bar |
When viewing History, use the Slider to move forward and back in the Trend. |
In the image below, a Data Sampler is displayed as a Trend graph. The HMI buttons under the Trend are linked to the Data Sampler struct.