阿里云首页 工业大脑开放平台

二维图表配置工具AIT介绍

DTwin使用阿里云AIT工业仪盘表配置二维图表,AIT结合DTwin官方配置库底版可以在小时级的时间内高效的配置出复杂的二维图表,并实现与IGate中的真实数据进行关联,以获取展示的实时数据,最后通过参数配置功能发布到DTwin编辑好的三场环境中。

进入二维图标画布

  1. 用DTwin帐号登录AIT画布管理

  2. 在画布管理页面,单击右上角新建画布

    新建画布
  3. 新建画布面板,输入名称和描述,单击保存

  4. 回到画布列表,单击目标画布名称右侧操作栏的编排

    画布编排

画布编排界面说明

画布

序号

名称

说明

1

功能组件栏

包括通用组件、状态组件、控制组件、图表组件和基础组件,可根据需要在组件列表选择。

2

顶部菜单栏

可实现对组件进行对齐、等宽、等高、横向平分、纵向平分、上移、下移、复制和删除等操作。

3

预览和发布功能栏

可实现二维图表预览和发布的操作。

4

属性配置栏

可实现对组件进行基础配置、规则配置和样式配置的操作。

5

画布展示栏

用于展示二维图表的配置状态。

常用基础图表配置

在仪表盘配制工具中,常用基础组件配置包含以下几种。

  • 文本:在左侧导航栏通用组件框选择文本组件,在右侧配置面板进行属性配置,包括以下内容。文本

    • 基础配置:在描述框内进行文本内容编辑。

    • 规则配置:单击规则设置按钮,在规则设置面板右上角单击添加规则,进行规则内容配置。样式

      参数

      说明

      测点关联

      在下拉列表选择所需关联测点。

      判断条件

      在下拉列表选择所需判断条件。

      判断值

      • 固定值:输入指定数值。

      • 测点值:在下拉列表选择所需判断测点。

      背景样式

      背景颜色选择。

      配置文本

      • 判断条件触发后的文本颜色选择。

      • 判断条件触发后的文本内容配置。

      操作

      可执行删除操作。

    • 样式配置:用于配置文本显示的可视化状态。

      参数

      说明

      文本样式

      可对文本字体大小和颜色进行配置。

      背景样式

      对文本框背景颜色、文本对齐方式、宽高和位置设定。

  • 图片:在左侧导航栏通用组件框选择图片组件,在右侧配置面板上传图片进行配置。图片

  • 单位:在左侧导航栏通用组件框选择单位组件,在右侧配置面板进行属性配置,包括以下内容。单位

    • 基础配置:在标题内容框内输入单位标题,在单位下拉列表选择所需配置单位。

    • 规则配置

      参数

      说明

      测点关联

      在下拉列表选择所需关联测点。

      判断条件

      在下拉列表选择所需判断条件。

      判断值

      • 固定值:输入指定数值。

      • 测点值:在下拉列表选择所需判断测点。

      背景样式

      背景颜色选择。

      配置文本

      • 判断条件触发后的文本颜色选择。

      • 判断条件触发后的文本内容配置。

      操作

      可执行删除操作。

    • 样式配置

      参数

      说明

      文本样式

      可对文本字体大小和颜色进行配置。

      背景样式

      对文本框背景颜色、文本对齐方式、宽高和位置设定。

  • 测点数据:在左侧导航栏控制组件框选择测点数据组件,在右侧配置面板进行属性配置,包括以下内容。测点

    • 基础配置

      参数

      说明

      测点关联

      单击测点关联下拉列表选择数据源来配置测点信息(数据来源默认为IGate)。

      描述

      测点详情描述。

      测点值小数精确位数

      测点数值精确度设定。

      单位

      在下拉列表选择所需单位。

    • 规则配置

      参数

      说明

      测点关联

      在下拉列表选择所需关联测点。

      判断条件

      在下拉列表选择所需判断条件。

      判断值

      • 固定值:输入指定数值。

      • 测点值:在下拉列表选择所需判断测点。

      背景样式

      背景颜色选择。

      配置文本

      • 判断条件触发后的文本颜色选择。

      • 判断条件触发后的文本内容配置。

      操作

      可执行删除操作。

    • 样式配置

      参数

      说明

      文本样式

      可对文本字体大小和颜色进行配置。

      背景样式

      对文本框背景颜色、文本对齐方式、宽高和位置设定。

      说明

      文本背景颜色最常配置为透明底色,以和三维场景的背景融合。

  • 测点卡片:在左侧导航栏控制组件框选择测点数据组件,在右侧配置面板进行属性配置,包括以下内容。卡片

    • 基础配置

      参数

      说明

      测点关联

      单击测点关联下拉列表选择数据源来配置测点信息。

      测点值小数精确位数

      测点数值精确度设定。

      单位

      在下拉列表选择所需单位。

    • 规则配置

      参数

      说明

      测点关联

      在下拉列表选择所需关联测点。

      判断条件

      在下拉列表选择所需判断条件。

      判断值

      • 固定值:输入指定数值。

      • 测点值:在下拉列表选择所需判断测点。

      背景样式

      背景颜色选择。

      配置文本

      • 判断条件触发后的文本颜色选择。

      • 判断条件触发后的文本内容配置。

      操作

      可执行删除操作。

    • 样式配置

      参数

      说明

      文本样式

      可对文本字体大小和颜色进行配置。

      背景样式

      对文本框背景颜色、文本对齐方式、宽高和位置设定。

  • 折线图:在左侧导航栏图表组件框选择折线图组件,在右侧配置面板配置数据源信息。折线图

    • 基础配置

      参数

      说明

      图表标题

      图表自定义命名,可选择在图表框内展示。

      描述

      图表详情描述,可选择在图表框内展示。

      测点选择

      单击测点选择,在测点选择面板单击右上角添加测点,配置测点信息。

      填充值规则

      • 填充null值

      • 填充前值

      • 直接连线

      坐标下限

      图表坐标下限,根据测点数据调整合适的下限值。

      坐标上限

      图表坐标上限,根据测点数据调整合适的上限值。

      投运配置

      单击投运状态选择,在投运配置面板单击右上角添加投运状态,进行投运设置。

    • 样式配置

      参数

      说明

      标题样式

      可对标题字体大小、颜色和对齐方式进行配置。

      描述样式

      对图表描述字体大小和颜色进行配置。

      背景样式

      图表背景颜色选择。

      图表样式

      • 坐标轴文本颜色配置。

      • 坐标轴轴线颜色配置。

      • 图例文本颜色配置,图例文本为图表别名。

      • 图表宽高配置。

      • 图表位置配置。

      说明

      图片背景颜色最常配置为透明底色,以和三维场景的背景融合。同时建议将X、Y轴的文本、轴线和图例文本的颜色也按需进行调整,以增强图片的可视化效果。