Trend Line Chart
A TrendLineChart is a trend element in which curves of historicized symbols can be displayed.
A description of the configuration can be found in chapter Configuration.
Attributes
Category: Colors
Name |
Description |
---|---|
Definition of the background color | |
Definition of the border color of the control | |
Definition of the background color of the coordinate system | |
Definition of the color of the coordinate grid | |
Definition of the color of the coordinate subgrid | |
Definition of the font color of the x-axis labels | |
Definition of the color of the x-axis | |
Definition of the font color of the X-axis name | |
Definition of the font color of the menu bar | |
Definition of the background color of the control | |
Definition of the color of the tooltip | |
Definition of the background color of the tooltip |
Category: Layout
Name |
Description |
---|---|
Definition of the distance from the left side to the left side of the surrounding control | |
Definition of the unit of the distance to the right side of the surrounding control:
| |
Definition of the distance from the top side to the top side of the surrounding control | |
Selection of the unit of the distance to the top side of the surrounding control:
| |
Definition of the distance from the right side to the right side of the surrounding control | |
Selection of the unit of the distance to the right side of the surrounding control:
| |
Definition of the distance from the bottom side to the bottom side of the surrounding control | |
Selection of the unit of the distance to the bottom side of the surrounding control:
| |
Definition of the external width of the control | |
Selection of the unit of the width:
| |
Definition of the external height of the control | |
Selection of the unit of the height:
| |
Definition of the maximum width if the control size is defined as dynamic | |
Selection of the unit of the maximum width:
| |
Definition of the minimum width if the control size is defined as dynamic | |
Selection of the unit of the minimum width:
| |
Definition of the maximum height if the control size is defined as dynamic | |
Selection of the unit of the maximum height:
| |
Definition of the minimum height if the control size is defined as dynamic | |
Selection of the unit of the minimum height:
| |
Calculated distance in pixels from the left side to the left side of the surrounding control | |
Calculated distance in pixels from the top side to the top side of the surrounding control | |
Calculated distance in pixels from the right side to the right side of the surrounding control | |
Calculated distance in pixels from the bottom side to the bottom side of the surrounding control | |
Calculated width of the control in pixels | |
Calculated height of the control in pixels | |
Definition of the row of a grid in which the control is to be displayed | |
Definition of the column of a grid in which the control is to be displayed | |
Definition of the transparency of the entire control | |
Selection of the visibility of a control:
| |
Definition of the position on the Z-axis | |
Definition of a transformation of a control:
| |
Definition of a shadow | |
Selection of the method of calculating the width:
| |
Selection of the method of calculating the height:
|
Category: Common
Name |
Description |
---|---|
Definition of the start time at which the display should begin | |
Definition of the end time at which the display should end | |
Definition of the historicized variables to be displayed in the graph and their method of display | |
Selecting whether the legend is to be displayed | |
Definition of the interval at which the data are updated | |
Selection of the mouse mode that is active after stopping:
| |
Definition of the server extension name. | |
Definition of the reference lines. | |
Selection of whether a control should be activated | |
Definition of the name of the control | |
Type name of the control | |
Definition of control classes | |
If a control is logically assigned in the DOM. | |
Definition of the tooltip for the control |
Category: Border
Name |
Description |
---|---|
Definition of the radius of the four corners to round them off | |
Selection of the border style of the four sides of the control | |
Definition of the border width of the four sides of the control |
Category: Background Image
Name |
Description |
---|---|
Definition of an image that is located above the background color | |
Definition of the height of the background image | |
Selection of the unit of the height of the background image:
| |
Definition of the width of the background image | |
Selection of the unit of the width of the background image:
| |
Definition of an additional distance between the border of the control and background image for the four sides | |
Definition of the vertical alignment of the background image within the control | |
Definition of the horizontal alignment of the background image within the control |
Category: XAxis
Name |
Description |
---|---|
Selecting whether the X-axis is to be displayed | |
Selecting whether the X-axis labels are to be displayed | |
Definition of the number of main X-axis subdivisions | |
Selecting whether the auxiliary X-axis subdivisions are to be displayed | |
Definition of the number of auxiliary X-axis subdivisions | |
Selecting whether the X-axis name is to be displayed | |
Definition of the X-axis name | |
Definition of the font using the name of the font family or the keyword | |
Definition of the font size for the X-axis labels | |
Selecting the font size unit for the X-axis labels:
Percent for a relative size | |
Selecting the font weight of the X-axis labels:
| |
Definition of the X-axis width | |
Definition of the font using the name of the font family or the keyword | |
Definition of the font size of the X-axis name | |
Selecting the font size unit for the X-axis labels:
Percent for a relative size | |
Selecting of the font weight of the X-axis name:
| |
Definition of the formatting of the X-axis labels |
Category: YAxis
Name |
Description |
---|---|
Definition of one or more Y-axes | |
Selecting whether the auxiliary subdivisions on the Y-axis are to be displayed | |
Definition of the Y-axis width | |
Definition of the font using the name of the font family or the keyword | |
Definition of the font size for the Y-axis labels | |
Selecting the font size unit for the Y-axis labels:
| |
Selecting the font weight of the Y-axis labels:
| |
Definition of the number of main Y-axis subdivisions | |
Definition of the number of auxiliary Y-axis subdivisions |
Category: Grid
Name |
Description |
---|---|
Selecting whether the coordinate grid is to be displayed. | |
Definition of the line style for the coordinate grid. | |
Definition of the line width of the coordinate grid. | |
Selecting whether the horizontal lines of the coordinate grid are to be displayed. | |
Selecting whether the vertical lines of the coordinate grid are to be displayed. |
Category: Subgrid
Name |
Description |
---|---|
Definition of the line style for the subgrid. | |
Definition of the line width of the subgrid. | |
Selecting whether the horizontal lines of the subgrid are to be displayed. | |
Selecting whether the vertical lines of the subgrid are to be displayed. |
Category: Menubar
Name |
Description |
---|---|
Selection of whether the menu bar is to be displayed | |
Selection of the position of the menu bar:
| |
Definition of the font using the name of the font family or the keyword | |
Definition of the font size | |
Selecting the font style:
| |
Selecting the font weight:
|
Category: Tooltip
Name |
Description |
---|---|
Selecting whether the tooltips should be displayed in stop mode | |
| |
Definition of the font using the name of the font family or the keyword | |
Definition of the font size | |
Selecting the font weight:
|
Events
Category: Framework
Name |
Description |
---|---|
The control was added to the display. | |
The control was removed from the display. | |
The control was initialized. | |
The control was destroyed. | |
The control was moved in relation to the browser window. | |
The size of the control was changed. |
Category: Operator
Name |
Description |
---|---|
A mouse click was executed or a touch screen was briefly touched. | |
The left mouse button was clicked over the control and released. | |
The left mouse button was clicked twice over the control and released. | |
The right mouse button was clicked over the control and released. | |
A mouse button was pressed down over the control. | |
The mouse pointer was moved over the control. | |
The mouse pointer has left the control. | |
A mouse button was released over the control. | |
The left mouse button was pressed down over the control. | |
The right mouse button was pressed down over the control. | |
The mouse was moved over the control. | |
The mouse pointer was moved over the control or one of its children. | |
The mouse pointer has left the control or one of its child controls. | |
The left mouse button was released over the control. | |
The right mouse button was released over the control. | |
The mouse wheel was moved over the control. | |
A finger/stylus was placed against a touch screen. | |
A finger/stylus was moved on a touch screen. | |
A finger/stylus was lifted off a touch screen. | |
An interaction with a touch screen was aborted. |
Functions
Name |
Description |
---|---|
|
|
TcHmiTrendLineChart | Stops the view. | |
TcHmiTrendLineChart | Resets all interactions. | |
TcHmiTrendLineChart | Resets the zoom and displays live data again. | |
TcHmiTrendLineChart | Fixes the view. | |
TcHmiTrendLineChart | Resets zooming and panning. | |
TcHmiTrendLineChart | Starts the view. |
Access rights
Name |
Description |
---|---|
Determines whether the control is generally observable. | |
Determines whether the control is generally operable. |
Inheritance hierarchy
Trend Line Chart
NuGet package: Beckhoff.TwinCAT.HMI.Controls
NuGet packages are available from version 1.12. |
Available from version 1.10 |
See also
API reference for this control