Trend Card

Use the trend card widget to build trend charts in your application.

Refer to Trend Chart Overview for more information.

The trend card widget is available under Integration > General. When designing application pages, drag-and-drop GETrendCard to a container.

Table 1. Trend Card Properties
Property Description
Source > Asset Name (Optional Override) Select an asset name.
Source > 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 Favorite Name, then bind the output of favorite organizer widget to this property in order to drive the trend chart via favorite.
Source > Trend Config Input The selected input value (global or query) contains a JSON representation of the data to trend. The format of this JSON is same as the output of Trend Config Output, and is very similar to a trend favorite (excluding favorite name).

This property is typically used along with the Favorite Organizer widget. Set the favorite organizer Output Format to Favorite JSON, then bind the output of favorite organizer widget to this input property in order to drive the trend chart without selecting the favorite at runtime.
Target > Trend Config Output The 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.
Source > Default Sampling Mode Select a sampling mode. This mode is set as default, and loaded at runtime for historical sources on both Live and Historical trends.
Source > Height Set the height of the trend chart.
Source > Chart Title Provide a title name for the trend chart. The value must be a text string.
Source > X-Axis Label Provide a label name for the x-axis. The value must be a text string.
Source > 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.
Source > Historian Tag Page Size Paginates large tag lists from Historian.
Source > Show Header Controls Specify a boolean value. True shows chart header controls. False hides chart header controls.
Source > Show Trend Value Axes Specify minimum and maximum axis values for the trend chart.
Source > Show Trend Legend Select to show legend on a trend chart.
Source > Show Favorites Select to show favorites on a trend chart.
Source > Scroll Percentage Configure the scroll percentage based on the total time range.
Background Color Adds a background color to the trend chart.
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.
Source > 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.
Source > 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.