Trend Card
Use the trend card to create and display trend charts in your application.
- Drag and drop the trend card plug-in on a page.
- Configure the trend card properties (see table below) to process the data and generate trend charts for runtime.
- In the runtime environment, you can customize the trend charts to suit individual preferences or requirements. See Customize a Trend Chart at Runtime.
- To learn how to work with trend charts, refer to Trend Chart Functions.
Operations Hub New Layout | Refer to Visuals Tab for more information on the layout of widgets in Configuration Hub. |
Operations Hub Classic Layout | Refer to About Widgets (Classic) |
Trend Card Properties
Field Name | Description |
---|---|
Asset Name (Optional Override) | Select an asset name. |
Select Favorite | With this property, you can configure the trend chart to load an
existing favorite at runtime. To use this property along with the
Favorite Organizer widget,
configure the Target Output Selection global with an Output Format of |
Trend Tags Input | Select your string type global that contains a list of tags
separated by commas that you wish to trend with a page
load. Example:
|
Trend Config Input/Output | The input or output of this property is a string representation of the configuration of the currently trending chart. This contains all of the data that is saved as part of a favorite, such as trend mode (realtime/historical), time settings, selected tags, etc. |
|
For the Input properties, you can enter values manually or use
global variables. These values will be used to create a trend chart at
runtime. For Output properties, you can select a global variable to store the values generated by the trend chart. These global variables can then be used as inputs for other trends, such as, synchronizing time ranges, trend types, etc., across multiple trend plug-ins).
|
Default Sampling Mode | Select a sampling mode. This mode is set as default when displaying
historical data on Live and Historical trends at runtime. If you don't select a mode, the default sampling mode is 'Interpolated', which means that if there are missing data points, the trend chart estimates and fills in those gaps based on the already available data points. |
Height | Set the height of the trend chart. |
Stacked Height | Set the height of an individual trend chart in a stack. This property applies when you opt for a stacked Y-axis mode for the trend chart. |
Tabular View Height | Set the height of the table. This property applies when you opt for a tabular view mode for the trend chart. |
Chart Title | Provide a title name for the trend chart. The value must be a text string. |
X-Axis Label | Provide a label name for the x-axis. The value must be a text string. |
Y-Axis Label | Provide a label name for the y-axis. The value must be a text
string. Depending on the plotted data, the y-axis label is displayed
either on the left or right side of the chart. The label name appears on the y-axis only if you opted for a single y-axis configuration. |
Historian Tag Page Size | Paginates large tag lists from Historian. |
Show Header Controls | Specify a boolean value. True shows chart header
controls. False hides chart header controls. |
Show Trend Value Axes | Specify minimum and maximum axis values for the trend chart. |
Show Trend Legend | Select to show legend on a trend chart. |
Show Favorites | Select to show favorites on a trend chart. |
Scroll Percentage | Configure the scroll percentage based on the total time range. |
Historical Time Selection Mode |
|
Background Color | Adds a background color to the trend chart. |
Tooltip Type | By default, all tooltips are of shared type. You can choose to
display any of these tooltip types on your trend card:
|
Tooltip Opacity (0-100%) | Enter the opacity percentage for the tooltip. If 100%, you will not be able to see the data behind the tooltip. By lowering the percentage, you can make the tooltip background transparent. |
Legend Position | Determines the placement of the chart's legend:
|
Enable Compact View Mode | |
Show Border | Select the check box to add a border to the trend chart. |
Border Color | If you choose to add a border, then set a color for the border. |
Logging Level | Applies to log messages. You can control the level of data logged
to the browser console. The default value is info .
Other valid values are step , trace ,
debug , warning ,
error , and none . |
LoggedIn Username | A default user name, which is used to add annotations in the trend chart. |
Enable Compact View Mode | Select the check box to allow for a maximized chart area. This is a view-only mode. You cannot pan across the chart in this mode. You can hide the toolbar and legend. |