Skip to main content

对话框:XY 图表配置

象征: _visu_icon_xy_chart.png

功能:对话框包含配置 笛卡尔 XY 图 它显示数组中的数据。

称呼: 在里面 笛卡尔 XY 图 属性,点击 _visu_icon_xy_chart.png XY 图表.

要求:在活动的可视化编辑器中选择了一个 XY 图表,相应的 特性 视图已打开。

_visu_img_tree_view.png

对话框左侧的树视图显示 XY 图表的配置并充当导航器。如果您选择了顶级条目 (1) 或根本没有选择,那么 元素设置 组在右侧可见。这包括图表刷新频率的配置。此外,还提供影响图表外观和功能的设置。

如果您在下方选择了一个条目 曲线 节点(2),然后 曲线设置 组在右侧可见。此配置包括分配给选定曲线的 Y 坐标轴和曲线显示的数组数据。此外,还提供影响所选曲线的外观和功能的设置。该条目显示曲线的名称,括号中为指定的坐标轴。例如, Curve1 [AxisY1] 表示纵坐标轴 AxisY1 分配给曲线 Curve1.

如果您在下方选择了一个条目 节点(3),然后 轴设置 组在右侧可见。此配置包括图表中 Y 坐标轴的位置。此外,还提供影响所选坐标轴外观和功能的设置。该条目在括号中显示轴的名称及其功能。轴可以充当 X 轴或 Y 轴。例如, AxisX(X) 意味着轴 AxisX 作为水平横坐标轴 X.

添加

向视图添加新条目

结果:新曲线或轴旁边显示一个空配置。您在那里编辑设置。

删除

删除选定的条目

提升

将所选条目上移一位

下移

将所选条目下移一位

好的

保存设置,关闭对话框,根据设置显示元素

组:元素设置

132. 更新

类型

  • 自动的:如果影响图表渲染的数组数据或数组元素发生变化,则图表会自动刷新。

    提示:设置 自动更新启用 可在 扩展变量 以编程方式控制自动更新。

  • 多变的:如果变量值发生变化,则刷新图表。

多变的

变量(整数数据类型)

如果类型可用 多变的 被选中。

参见示例:变量



50. 示例:变量

宣言

PROGRAM Sine
VAR_INPUT
   uiUpdate : UINT;
END_VAR

任务

Sine.uiUpdate


133. 背景

类型

  • 无背景

  • 素色:在输入字段中配置的颜色背景 颜色透明度.

  • 坡度: 带渐变的背景。 _cds_icon_three_dots.png 打开渐变编辑器。

  • 图片:带图像的背景;在输入字段中配置 图像 ID.

  • 从风格:样式中定义的背景。

颜色

  • 列表框中的样式颜色。例子: 浅绿色

  • 在颜色对话框中选择的固定值。

可用时 素色 类型被选中

透明度

用于定义所选颜色透明度的值(0 到 255)

例子 255:颜色不透明。 0:颜色完全透明。

可用时 图片 类型被选中。

图像 ID

<image pool name> . <ID>

例子: Images.Logo

可用时 图片 类型被选中。

透明色

standard icon:以透明色显示的背景。

  • 列表框中的样式颜色。例子: 浅绿色

  • 在颜色对话框中选择的固定值。

可用时 图片 类型被选中。

缩放类型

  • 各向同性:整个图像显示在元素框架中,或大或小。结果,保留了高度和宽度的比例。

  • 各向异性:图像自动调整到元素框架的尺寸,填充整个元素框架。结果,不保留比例。

  • 固定的:即使元素框架调整大小,图像仍保持其原始大小。另请注意,选择了裁剪选项。

可用时 图片 类型被选中。



134. 主光标

类型

  • 未使用

  • _visu_icon_cursor_vertical.png 垂直的

  • _visu_icon_cursor_cross_big.png 大十字架

  • _visu_icon_cursor_cross_small.png 小十字架

  • _visu_icon_cursor_interceptor.png 十字路口

线条样式

例子:

不可用时 _visu_icon_cursor_cross_small.png 类型被选中。

颜色

  • 列表框中的样式颜色。例子: 浅绿色

  • 在颜色对话框中选择的固定值。

X 位置变量

写入光标 X 位置的变量(整数数据类型)。

例子: PLC_PRG.iPosition

不可用时 _visu_icon_cursor_cross_small.png 类型被选中。



135. 扩展变量

元素变量

具有数据类型的变量 VisuStructXYChart 来自 VisuElemXYChart 图书馆

此处配置的变量使用静态配置进行初始化。在运行时, 笛卡尔 XY 图 元素响应此结构的变化。因此,可以在运行时以编程方式控制元素。

注意:当以编程方式控制此结构时,分配顺序可能会出现问题。因此,应用程序应仅在初始化可视化元素和结构变量时分配其初始值 iInitialized 已切换到 1。

iInitialized 变量仅适用于 CODESYS 版本 SP16。对于旧版本,订单问题不能很好地解决。

参见示例:元素变量

自动更新启用

变量(数据类型 BOOL) 以编程方式控制图表的自动刷新。

TRUE:图表的显示在更改后自动刷新。

例子: PLC_PRG.bIsUpdating

注:可用时类型 自动的 被选中 更新.



51. 示例:元素变量

宣言

PROGRAM PLC_PRG
VAR
   XYChart : VisuStructXYChart;
END_VAR

任务

IF XYChart.iInitialized > 0 THEN
   XYChart.eBackgroundType := VisuEnumXYChartBGType.PLAIN;     // plain color
   XYChart.diColorBg := 16#00000080;                           // blue
   XYChart.eGrid := VisuEnumXYChartGridType.NO;                // no grid
END_IF


136. 辅助光标

附加游标的游标类型对应于主游标。

线条样式

例子:

颜色

  • 列表框中的样式颜色。例子: 浅绿色

  • 在颜色对话框中选择的固定值。



137. 网格

类型

网格显示为

  • 未使用

  • _visu_icon_grid_line_large.png 大网格

  • _visu_icon_grid_line_narrow.png 窄网格

  • _visu_icon_grid_dot_large.png 大标记上的虚线网格

  • _visu_icon_grid_dot_narrow.png 小标记上的虚线网格

线条样式

例子:

如果类型不可用 _visu_icon_grid_dot_large.png 要么 _visu_icon_grid_dot_narrow.png 被选中。

颜色

  • 列表框中的样式颜色。例子: 浅绿色

  • 在颜色对话框中选择的固定值。

曲线后面的网格

standard icon:网格显示在曲线后面的图层中。例如,如果曲线显示为面积图,则网格在填充颜色的区域中不可见。但是,如果填充颜色具有透明度值(例如: 128),因此是半透明的,那么网格仍然可见。

_cds_icon_option_deactivated.png: 网格在曲线上。例如,如果曲线显示为面积图,则填充颜色的区域始终显示为网格。



138. 零线

位置

显示零线

  • 未使用

  • Y轴显示

  • X轴显示

  • 两者都显示

线条样式

例子:

行宽

例子: 2

颜色

  • 列表框中的样式颜色。例子: 浅绿色

  • 在颜色对话框中选择的固定值。



组:曲线设置

这些设置与树视图中选择的曲线相关。

附在 Y 轴上

分配给选定曲线的 Y 轴。 Y 轴可以分配多条曲线。列表框包括在元素中创建的所有轴。

例子:

139. 数据 X / 数据 Y

多变的

基本数据类型、自定义数据类型或功能块的数组变量。该变量包含 X 或 Y 数据的曲线数据。

  • 基本数据类型的一维数组变量:

    ARRAY [ <下索引限制> .. <上限索引> ] OF <基本数据类型>

  • 基本数据类型的二维数组变量:

    ARRAY [ <下索引限制 1> .. <上限索引限制 1> , <下索引限制 2> .. <上限索引限制 2> ] OF <基本数据类型>

    <下索引限制 1> .. <上限索引限制 1> : 第 1 维

    <下索引限制 2> .. <上限索引限制 1> : 第二维

  • 用户定义数据类型的一维数组变量

    ARRAY [ <下索引限制> .. <上限索引> ] OF <DUT 名称>

  • 枚举的一维数组变量

    ARRAY [ <下索引限制> .. <上限索引> ] OF <枚举名称>

  • 功能块的一维数组变量

    ARRAY [ <下索引限制> .. <上索引限制> ] OF <功能块名称>

<basic data type> : SINT | INT | DINT | LINT | USINT | UINT | UDINT | ULDINT | REAL | LREAL | BYTE | WORD | DWORD | LWORD | <enumeration>

DATE | DATE_AND_TIME | DINT | DT | DWORD | INT | LDATE | LDATE_AND_TIME | LDT | LINT | LREAL | LTIME | LTIME_OF_DAY | LTOD | LWORD | REAL | SINT | TIME | TIME_OF_DAY |TOD | UDINT | UINT | ULINT | USINT | WORD

注意:只有在您知道值范围的情况下才能为轴设置固定比例。否则,我们建议您设置自动缩放。

请参阅:示例

要使用的元素

使用的复杂数据类型的数组元素。

. 当数据类型为 多变的 是复杂数据类型的数组(由多个元素组成):
  • 多维数组

  • 自定义数据类型

  • 功能块

_cds_icon_arrow_down.png:打开一个包含所有数组元素的列表框。



52. 示例:基本类型的二维数组 REAL

宣言

PROGRAM Curve
VAR
   aDataXY : ARRAY [1..2, 1..50] OF REAL;
END_VAR

数据 X

多变的Curve.aDataXY

要使用的元素[1]

数据 Y

多变的Curve.aDataXY

要使用的元素[2]

结果,该曲线中显示了 100 个数组值。



53. 示例:用户定义数据类型的一维数组

宣言

TYPE STRUCT_A :
STRUCT
        iX: INT;
        rY: REAL;
        bResult: BOOL;
END_STRUCT
END_TYPE

PLC_PRG
VAR
        aDataXY : ARRAY [1..50] OF STRUCT_A;
END_VAR

数据 X

多变的aDataXY.iX

要使用的元素iX

数据 Y

多变的aDataXY.rY

要使用的元素rY



54. 示例:结构的一维数组 POINT
PLC_PRG
VAR
        aPoints_1: ARRAY[0..99] OF POINT; // POINT ist eine Struktur mit iX und iY
END_VAR

数据 X

多变的PLC_PRG.aPoints_1

要使用的元素iX

数据 Y

多变的PLC_PRG.aPoints_1

要使用的元素iY

因此,有 200 个 X 和 Y 值可用,它们在图表中以 100 个曲线点显示。



55. 示例:功能块的一维数组

宣言

FUNCTION_BLOCK FB_A
VAR_INPUT
        iIn: INT;
END_VAR
VAR_OUTPUT
        iOut: INT;
END_VAR
PROGRAM PLC_PRG
VAR
        aDataXY : ARRAY [1..50] OF FB_A;
END_VAR

数据 X

多变的PLC_PRG.aDataXY

要使用的元素iIn

数据 Y

多变的PLC_PRG.aDataXY

要使用的元素iOut



140. 属性:数组索引

数组索引将曲线的显示限制在部分区域。而不是所有点都显示在 XY 图表中,只有来自 最低限度最大 被显示。 最低限度最大 是不得违反索引限制的索引。编译器也会对此进行监控。选择数组声明的索引限制。

例子: <variable name> : ARRAY [ <lower index bound> .. <upper index bound> ] OF <data type>;

此外,您可以在以下实例中以编程方式限制显示 VisuStructXYChartCurve.结构元素 diIndexMindiIndexMax 可用于此目的。它们具有相同的功能 最低限度最大.在运行时,这些值会在此处复制到这些结构元素中。

另外,您可以只限制一侧的显示区域,并且只指定一个 最低限度 或只有一个 最大.如果您未在此处或在结构中指定限制,则完全显示曲线。

将变量(数值数据类型)指定为数组索引时,可以使显示动态化。

数值数据类型: SINT | INT | DINT | LINT | USINT | UINT | UDINT | ULDINT | REAL | LREAL

最低限度

最小索引为文字、变量(数值数据类型)或常量变量(数值数据类型)

指定显示曲线的索引。索引大于等于索引限制 <lower index bound>.

例子: 10, PLC_PRG.uiLowerIndex, GVL.c_diMIN

最大

最大索引为文字、变量(数值数据类型)或常量变量(数值数据类型)

例子: 20, PLC_PRG.uiUpperIndex, GVL.c_diMAX

包含显示曲线的索引。索引小于或等于索引限制 <upper index bound>.



141. 图表

类型

  • 折线图:数据显示为实线。此外,数据可以显示为点。为此目的提供了输入字段。

    笔记:

    折线图中每条曲线最多可绘制 32,767 个点。当超过这个数字时,会发出警告,并且只绘制曲线的前 32,767 个点。

  • 条形图:数据显示为竖线。为颜色和透明度提供了输入字段。

  • 面积图:数据显示为带有彩色填充区域的实线。此外,数据可以显示为点。为此目的提供了输入字段。



以下设置可用时 折线图 类型被选中。

线条颜色

_cds_icon_option_deactivated.png: 轴线颜色

  • 列表框中的样式颜色。例子: 浅绿色

  • 在颜色对话框中选择的固定值。

线型

  • _cds_icon_line.png 线

  • _cds_icon_step.png 步低

  • _visu_icon_line_step_high.png 步高

  • 无 仅点

行宽

例子: _visu_icon_line_width_2.png 2

线条样式

例子: _visu_icon_pen_style_dotted.png

点样式

  • 没有

  • _cds_icon_dot.png

  • _cds_icon_cross.png

  • _cds_icon_point_small_circle.png 小圆圈

  • _cds_icon_point_big_circle.png 大圆圈

以下设置可用时 条形图 类型被选中。

条形

  • 固定宽度:条形图以固定宽度显示。

  • 可变宽度:条形宽度取决于值之间的距离。

主色

  • 列表框中的样式颜色。例子: 元素-XYChart-轴-背景

  • 在颜色对话框中选择的固定值。例子: 0; 0; 0

替代颜色

框架颜色

以下设置可用时 面积图 类型被选中。

线条颜色

例子: 蓝色

_cds_icon_option_deactivated.png:颜色配置被禁用,因此应用轴颜色。

灌装类型

用于填充曲线之间区域的颜色。

  • 无填充

  • 素色:单色区域

  • 坡度:用颜色渐变填充的区域

填充颜色

例子: 灰色的

_cds_icon_three_dots.png: 打开 颜色 对话

要求: 素色 被选中 灌装类型.

_cds_icon_option_deactivated.png:颜色配置被禁用,因此应用了线条颜色。

透明度

纯色的透明度值 (0–255)。

例子: 128

要求: 素色 被选中 灌装类型.

坡度

用颜色渐变填充的区域。

_cds_icon_three_dots.png: 打开 渐变编辑器 对话

要求: 坡度 被选中 灌装类型.

行宽

例子: _visu_icon_line_width_2.png 2

线条样式

例子: _visu_icon_pen_style_dotted.png

点样式

数据在图表中显示为点样式的点。

  • 没有

  • _cds_icon_dot.png

  • _cds_icon_cross.png

  • _cds_icon_point_small_circle.png 小圆圈

  • _cds_icon_point_big_circle.png 大圆圈

光标捕捉到的曲线值

将光标的 Y 位置写入曲线的变量(整数数据类型)。

例子: Sine.Cursor_Pos_Y

142. 扩展变量

曲线变量

变量(数据类型 VisuStructXYChartCurve 来自 VisuElemXYChart 图书馆)

此处配置的变量使用静态配置进行初始化。在运行时, 笛卡尔 XY 图 元素响应此结构的变化。因此,可以在运行时以编程方式控制该元素。

注意:当以编程方式控制此结构时,分配顺序可能会出现问题。因此,应用程序应仅在初始化可视化元素和结构变量时分配其初始值 iInitialized 已切换到 1。

iInitialized 变量仅适用于 CODESYS 版本 SP16。对于旧版本,订单问题不能很好地解决。

参见示例:曲线变量



56. 示例:曲线变量

宣言

PROGRAM PLC_PRG
VAR
   XYCurve : VisuStructXYChartCurve;
END_VAR

任务

IF XYCurve.iInitialized > 0 THEN
   XYCurve.diColor    := 16#00FF0000;           // red
   XYCurve.iLineWidth := iLineWidth;            // line width
END_IF


143. 参考曲线

曲线

被引用的曲线。曲线之间的区域用颜色填充。

颜色

用于填充曲线之间区域的颜色。

  • 列表框中的样式颜色。例子: Light gray

  • 在颜色对话框中选择的固定值。例子: 0; 0; 0



组:轴设置

这些设置与树视图中选择的轴相关。

144. 显示设置

位置

  • X轴:选择 X 轴。 XY 图表中只有一个 X 轴。

  • 在左侧:选择 Y 轴并显示在图表的左侧。

  • 在右侧:选择 Y 轴并显示在图表的右侧。

最低限度

最大

显示曲线的轴值的最小和最大限制

. 限制指定为
  • 变量(数值数据类型)

    例子: PLC_PRG.iMinX, PLC_PRG.iMaxX

  • 常量变量(数值数据类型)

    GVL 中的声明: VAR_GLOBAL CONSTANT c_iMINX : INT; c_iMAXX : INT; END_VAR

    例子: GVL.c_iMINX, GVL.c_iMAXX

  • 固定值(数字文字)

    例子: -1000, 1000

数值数据类型: SINT | INT | DINT | LINT | USINT | UINT | UDINT | ULDINT | REAL | LREAL

注意

仅当 自动缩放 已禁用。

自动缩放

standard icon:轴自动缩放。这 最低限度最大 设置不可见。



轴颜色

  • 列表框中的样式颜色。例子: 浅绿色

  • 在颜色对话框中选择的固定值。

145. 背景

类型

  • 无背景

  • 素色:在输入字段中配置的颜色背景 颜色透明度

  • 坡度: 带渐变的背景。 _cds_icon_three_dots.png 打开渐变编辑器。

  • 图片:带图像的背景;在输入字段中配置 图像 ID

颜色

  • 列表框中的样式颜色。例子: 浅绿色

  • 在颜色对话框中选择的固定值

可用时 素色 类型被选中

透明度

用于定义所选颜色透明度的值(0 到 255)

例子 255:颜色不透明。 0:颜色完全透明。

可用时 素色 类型被选中

图像 ID

<image pool name> . <ID>

例子: Images.Logo

可用时 图片 类型被选中

透明色

standard icon: 背景以透明色显示

  • 列表框中的样式颜色

    例子: 浅绿色

  • 在颜色对话框中选择的固定值

可用时 图片 类型被选中

缩放类型

  • 各向同性

    整个图像显示在元素框内,或大或小。因此,高度和宽度的比例保持不变。

  • 各向异性

    图像会自动调整大小以适应元素框架的尺寸,填满整个元素框架。因此,比例不会保留。

  • 固定的

    即使元素框架被调整大小,图像仍保持其原始大小。还请注意,已选择剪辑选项。

可用时 图片 类型被选中



146. 扩展变量

轴变量

变量(数据类型 VisuStructXYChartAxis 来自 VisuElemXYChart 图书馆)

此处配置的变量使用静态配置进行初始化。在运行时, 笛卡尔 XY 图 元素响应此结构的变化。因此,可以在运行时以编程方式控制该元素。

注意:当以编程方式控制此结构时,分配顺序可能会出现问题。因此,应用程序应仅在初始化可视化元素和结构变量时分配其初始值 iInitialized 已切换到 1。

iInitialized 变量仅适用于 CODESYS 版本 SP16。对于旧版本,订单问题不能很好地解决。

参见示例:轴变量



57. 示例:轴变量

宣言

PROGRAM PLC_PRG
VAR
   XYAxis : VisuStructXYChartAxis;
END_VAR

任务

IF XYCurve.iInitialized > 0 THEN
   XYAxis.rMin := 12.0;           // minimum axis value
   XYAxis.rMax := 36.0;           // maximum axis value
END_IF


147. 扩展显示参数

显示标尺

轴在原点重叠

显示数字

最大数量显示

显示最小数量

中间显示数字

覆盖数字

standard icon: 相应地显示轴。

数字旋转角度

角度(以度为单位),指定轴标签的数字旋转多少度

例子: 45

旋转是顺时针的,因此零度位置是通常的显示位置。度数可以是负数。

注意

当设置旋转时,设置不被考虑 覆盖数字. 因此,显示的数字可能会重叠。

旋转对齐标记

standard icon:显示数字的假想框的一侧与参考标记对齐。

_cds_icon_option_deactivated.png:显示数字的假想框的中心与参考标记对齐。

数字替换文本

  • 这样做时,文本列表的索引必须等于被替换的数字。

  • 索引可以是负数和小数(带小数位)。

  • 旋转功能也可用于文本。

提示

我们强烈建议您准备简短的文本列表。该元素最多可以处理每个轴的 100 个文本。

格式字符串

用于格式化轴的输出文本。

  • 直接指定格式字符串

    例子: dd:MM:yyyy HH:mm:ss:ms

  • 引用本地化格式字符串的文本列表条目

    例子: TextList.ID

    在文本列表中,可以为不同的语言指定不同的格式字符串。因此,文本将根据语言进行显示。

如果此轴的数据为 DATE/TIME/TOD/DT 类型,则使用日期/时间的格式字符串。

然后日期和时间会分两行显示。日期和时间格式之间会有一个换行符。



148. 标签

文字编号

<text list name> . <ID>

例子: Texts.mm (文字列表 Texts 已在项目中可用。)

颜色

_cds_icon_option_deactivated.png: 轴颜色的标签

  • 列表框中的样式颜色。例子: 浅绿色

  • 在颜色对话框中选择的固定值

何时可用 测试编号 被初始化

回转

  • : 平行于轴

  • 90°: 绕轴旋转

  • 270°: 绕轴旋转

何时可用 测试编号 被初始化。

字体

  • 列表框中的字体样式。例子: 注解

  • 默认选择的固定值 字体 对话

何时可用 测试编号 被初始化



149. 水平线

沿轴线的线

Y 轴的线为水平线,X 轴的线为垂直线。最多可以有 10 条线。

电话号码

寻址该行并导致在下面的窗口区域中显示该行的相应参数设置 <n> 行的参数.

例子: 3



<n> 行的参数

价值

例子: 3

最多可以有 10 行。

线条样式

例子:

行宽

例子: 2

颜色

_cds_icon_option_deactivated.png: 轴颜色中水平线值的线

  • 列表框中的样式颜色。例子: 浅绿色

  • 在颜色对话框中选择的固定值

标签文本 ID

<text list name> . <ID>

例子: Texts.mm (文字列表 Texts 已在项目中可用。)

标签位置

  • 排队

  • 更多

  • 以下

  • 剩下

  • 正确的

标签旋转

  • : 平行于轴

  • 90°: 绕轴旋转

  • 270°: 绕轴旋转

何时可用 标签的测试 ID 被初始化

字体

  • 列表框中的字体样式。例子: 注解

  • 默认选择的固定值 字体 对话

何时可用 标签的测试 ID 被初始化