跳到主要内容
版本:Next

XY曲线

适用场景

图表样例适用场景
XY曲线
image-20250227101900705
满足参数数据来源单点(某个变量或数据表中某字段)情况下,分析参数之间变化关系,如温度-压强曲线、位移-压力曲线等
多点XY曲线
image-20250227101900705
满足参数数据来源多点(多个变量或数据表中多个字段)情况下,分析参数之间变化关系,如窑炉位置-温度曲线、记录检测曲线等

数据配置

XY曲线

关联数据,根据分析需求选取多组数据,分别绘制对应曲线。选择两个字段分别作为X数值轴和Y数值轴。例如,若要展示压力随温度变化的趋势,则以温度作为X轴数值,压力作为Y轴数值,从而直观呈现压力随温度变化的规律。

image-20250227105958902

支持数据管理、互联管理、变量历史归档,具体配置说明详见数据配置

多点XY曲线

关联数据,根据分析需求选取多组数据,分别绘制对应曲线。选择多个字段或变量分别作为X数值轴和Y数值轴。例如,若要展示压力随温度变化的趋势,则以关于温度的字段作为X轴数值,对应的压力作为Y轴数值,从而直观呈现压力随温度变化的规律。

image-20250227113703095

支持数据管理、互联管理、变量历史归档、变量当前值,具体配置说明详见数据配置

样式配置

XY曲线与多点XY曲线配置相似,下面将以“XY曲线”为例介绍,多点XY曲线配置类似。

image-20250227105152661

1)标题:可控制是否显示标题及自定义标题文本

2)图表设置:

  • 线条设置:

    • 支持调整线型、线宽
    • 支持直线、矩形、阶梯的连接方式
    • 支持空数据自定义处理(默认连接为0)
  • 显示数据点:支持调整数据点形状及大小

  • 显示标记点:支持调整标记点形状及大小,如满足条件的点进行标记,条件配置参考下方6)条件样式

  • 导出:运行时可通过图表右上角工具条,点击进行导出操作,其中数据表为将处理后的数据导出至excel文件,图片为将图表效果导出为图片文件

  • 参考线:可查看当前值与设定值之间的差异。参考线设定值分为固定值和计算值两种。计算值包含平均值、最大值、最小值和中位数四类。

  • 区域缩放:启用后,提供以下三种缩放操作方式,其中轴开启则可缩放,反之即固定不缩放

    • 内置缩放:内置于坐标系中,可在坐标系上通过鼠标拖拽、鼠标滚轮、手指滑动(触屏上)来缩放或漫游坐标系
    • 滑动条缩放:有单独的滑动条,可在滑动条上进行缩放或漫游,点击
      image-20230627155727229
      可设置初始显示数量及移动手柄形状
    • 框选缩放:图表右上角工具条将提供缩放按钮,点击框选进行数据区域缩放,点击还原将恢复上一次数据区域
  • 坐标系位置:默认根据图表元素自适应位置,可自定义上下左右边距

3)标签:可控制不同展示位置,调整字体颜色,选择是否展示

4)图例:

  • 可控制不同展示位置,调整字体颜色,选择是否展示
  • 可选择色系,可选用官方提供配色方案,图表项新增时,默认使用的颜色序列,或自定义颜色

image-20250227105814262

5)X轴:

轴定义:默认存在X1轴,点击

image-20230130113508378
可新增多X轴,点击
image-20230130113556917
可重命名,点击
image-20230130113640864
可删除轴

  • 轴标题:可自定义标题内容,控制不同展示位置,调整字体颜色
  • 坐标标签:提供以下三种展示方式,可调整字体颜色
    • 自适应:标签自动根据间距位置优化过滤间隔显示
    • 全量显示:原始标签全部展示
    • 自定义:可自定义标签的旋转角度,间隔显示数量
  • 反转坐标轴:选择后坐标轴数值从上往下反转拓展
  • 轴线:可调整线型、线宽,颜色,选择是否展示
  • 网格线:可调整线型、线宽,颜色,选择是否展示
  • 刻度:可调整线型、线宽,颜色,选择是否展示

6)Y轴:

轴定义:默认存在Y1轴,点击

image-20230130113508378
可新增多Y轴,点击
image-20230130113556917
可重命名,点击
image-20230130113640864
可删除轴

  • 轴标题:可自定义标题内容,控制不同展示位置,调整字体颜色
  • 轴位置:Y轴相对于默认位置及偏移
  • 坐标标签:默认根据数值范围自适应显示,可自定义数值范围,调整字体颜色
  • 反转坐标轴:选择后坐标轴数值从上往下反转拓展
  • 轴线:可调整线型、线宽,颜色,选择是否展示
  • 网格线:可调整线型、线宽,颜色,选择是否展示
  • 刻度:可调整线型、线宽,颜色,选择是否展示
  • 分割段数:可根据数值范围自适应分割,可自定义分割段数

7)条件样式:

  • 当图表中的数据存在异常或需要重点关注时,线图将以数据点的方式进行标记,帮助您识别异常并采取相应的行动

  • 条件自定义,支持指标数值或变量值比较运算,及最大、最小N个值的标记

    image-20230130183043525

8)边距:可控制图表主体在组件的边距