图表类组件

1.公共配置

a. 图列设置

2.柱状图&&折线图

柱状图与折线图独有设置为 X 轴设置、Y 轴设置、图列设置、折线(图柱)设置

a. X 轴设置&&Y 轴设置

b.图柱设置

此部分主要是对图柱进行一些显示上的设置，图柱动态数据来源于 studio 中全局变量

c.折线设置

此部分主要是对折线进行一些显示上的设置，折线动态数据来源于 studio 中全局变量

2.饼图

饼图独有设置为饼图配置与饼图数据

a.饼图配置

b.饼图数据

信息类组件

1.脚本输出&&文字组件

日志组件支持仅支持绑定 string 类型组件，其最大保存数据量支持在全局设置中修改

文字组件支持绑定 string、number 类型参数

2.标签选择器组件

标签选择器组件支持绑定当前画布内除标签选择器外所有组件，用来切换绑定组件的显示与隐藏

3.基础分页表格

分页表格组件支持绑定 number 类型参数，用来展示 studio 运行数据，其最大保存数据量支持在全局设置中修改，分页表格首列为时间列，默认宽度自适应，支持行列指示、列宽自适应、首列固定等状态参数进行选择

装饰类组件

此类组件主要为装饰类，包括边框组件、装饰组件、标题组件以及小组件类，用户可自行选择，其小组件中数字计数组件、数字翻牌组件、倒计时组件绑定参数类型为 number 类型

小组件中通用天气组件拖入即可展示当前天气，系统默认 key 值存在使用次数限制，建议使用过程中，将 key 值设置为用户申请的高德应用 key

图片类组件

图片属性：

fill：将图片或视频拉伸或压缩，以填充容器，不保持宽高比

contain：在保持宽高比的情况下，缩放图片，使其能够完全包含在容器中，容器可能会留出空白区域

cover：在保持宽高比的情况下，缩放图片，使其能够完全覆盖容器，容器可能会有部分内容被裁剪

scale-down：在保持宽高比的情况下，缩小图片，使其不超过容器的大小，如果缩小后的大小小于原始大小，则按原始大小显示

none：不对图片或视频进行任何调整，它们会按原始大小显示在容器中

套件组件

图标组件包括运行控制组组件以及页面控制组组件

运行控制组组件中包括运行状态图标、暂停图标、运行图标、循环运行图标

页面控制组组件中包括全屏图标、缩小页面图标、最大化页面图标以及关闭页面图标

设备类组件

设备类组件为 IO 组件，绑定的参数为数组格式参数,数组长度应为 16，每一项应为 1 或 0，1 表示此点红色，0 表示此点白色

统计类组件

1.竖向产量柱状图&&横向产量柱状图

此组件展示的为历史产量，需要联动数据库进行展示，首先选定数据源表，其次选定展示的参数即可

2.数据折线图

此组件展示的为数据库中每一列的数据，首先选定数据源表，其次为每一列选定数据源(来源于哪一列)

3.单次统计表格

统计表格数据来源需先绑定 studio 中变量，其次根据绑定的变量绑定每一列的数据源，绑定的变量格式为 JSON 字符串,如： [{"PinHeight":7.892,"PinHeightMax":0.5,""PinHeightMin":-0.5"，"result":"true"}, {"PinHeight":7.892,"PinHeightMax":0.5,""PinHeightMin":-0.5"，"result":"false"}, {"PinHeight":7.892,"PinHeightMax":0.5,""PinHeightMin":-0.5"，"result":"false"}]

4.配方表格

配方表格用来展示 studio 配方，用户拖进画布后无需进行过多设置即可在预览页正常使用

刷新按钮：studio 修改配方表格后，需刷新 HMI 才会同步显示

新增按钮：新增配方文件，用户选择本地配方文件上传

选择按钮：studio 使用当前配方文件

删除按钮：删除当前配方文件

保存按钮：修改配方文件后保存

配方文件修改方式：单击表格数据->修改

5.历史查询表格

历史查询表格表格支持查询历史数据，支持重复性查询，运行时首先绑定源表，然后选择查询条件，进行查询

6.事件通知表格

事件通知表格拖入看板即可使用，无需进行数据配置，运行时会自动写入事件，并进行轮播展示(如 studio TCP Server 状态切换等)

7.良率统计组件

良率统计组件用于显示运行后 OK、NG 以及良率显示，支持文字显示以及饼图显示 OK、NG 占比良率统计组件数据来源于 studio 存储在数据库中数据，需选定源表

8.参数修改框组件

参数修改框组件作用为更改指定参数的值，首先在工程页面选定绑定一个参数，key 值可以手动设置，未设置则显示绑定的参数名，在运行页面可以通过保存看板变量图标或者按钮绑定保存变量事件来更改绑定参数的值

通用类组件组件

1.图标组件

图标组件目前内置九种图标供用户选择，分为五种运行图标与四种页面图标运行图标分别为暂停图标、运行图标、循环运行图标、运行状态、保存看板变量

这五大图标均与 studio 关联，控制着 studio 程序的运行，用户可直接拖入画布中使用，无需过多设置页面图标分别为全屏切换图标、最小化图标、最大化图标、关闭窗口图标这四大图标与页面显示状态息息相关，用户可直接拖入画布中使用，无需过多设置

2.3D 图像组件

3D 图组件组件，用户可以选择不同 sceneID 展示不同 3D 图，用户可直接拖入画布中使用，无需过多设置

3.方形按钮组件

事件模块包括触发事件、动作、以及目标触发事件包括单击、双击、右键、鼠标移入、鼠标移除。

动作包括看板跳转、暂停、单步运行、循环运行、保存看板变量、全屏、退出全屏、缩小页面、最大化页面、还原页面、退出页面

目标为动作目标，目前仅有看板跳转动作含有目标选项(跳转至哪一个看板)

图表类组件 ​

1.公共配置 ​

2.柱状图&&折线图 ​

a. X 轴设置&&Y 轴设置 ​

b.图柱设置 ​

c.折线设置 ​

2.饼图 ​

信息类组件 ​

1.脚本输出&&文字组件 ​

2.标签选择器组件 ​

3.基础分页表格 ​

装饰类组件 ​

​

图片类组件 ​

套件组件 ​

设备类组件 ​

统计类组件 ​

1.竖向产量柱状图&&横向产量柱状图 ​

2.数据折线图 ​

3.单次统计表格 ​

4.配方表格 ​

5.历史查询表格 ​

6.事件通知表格 ​

7.良率统计组件 ​

8.参数修改框组件 ​

通用类组件组件 ​

1.图标组件 ​

2.3D 图像组件 ​

3.方形按钮组件 ​