多选
该组件用于在一组备选项中执行多选操作。下文介绍组件的详细配置方法。应用示例 在页面选择多个条件，展示满足条件的商品信息。步骤一：添加组件 创建Web应用。具体操作，请参见 创建Web应用。在Web应用编辑器中，单击最左侧的组件图标。在...
轮播图
效果如下：步骤一：添加组件 创建Web应用。具体操作，请参见 创建Web应用。在Web应用编辑器中，单击最左侧的组件图标。在画布左侧组件列表上方，输入 轮播图，找到该组件，然后将组件拖拽到中间画布。有关组件添加的更多信息，请参见 添加...
双Y轴柱线图
双Y轴柱线图组件以柱状图和折线图结合的形式将复杂的数据直观地展示出来。本文介绍双Y轴柱线图组件详细配置方法。应用示例 如下图所示，使用双Y轴柱线图直观地展示产品的库存量和订购量。步骤一：添加组件 创建Web应用。具体操作，请参见 ...
FLV实时视频
该组件用于播放FLV协议的直播视频流。目前，该组件支持自动播放、暂停、音量调节和全屏播放功能。本文介绍组件的详细配置方法。使用说明 FLV实时视频组件兼容性如下：支持的播放协议：HTTP-FLV。支持的视频编码协议：H.264。步骤一：添加...
单色仪表盘
步骤一：添加组件 创建Web应用。具体操作，请参见 创建Web应用。在Web应用编辑器中，单击最左侧的组件图标。在画布左侧组件列表上方，输入 单色仪表盘，找到该组件，然后将组件拖拽到中间画布。有关组件添加的更多信息，请参见 添加组件。...
雷达图
该组件以蛛网状或圈环状的样式，使用角度轴和极坐标轴分别表示具体类目和数值，展示分析所得的数值或比率，帮助用户更直观地查看多维度的类目数据变化趋势和对比情况。本文介绍组件的详细配置方法。应用示例 如下图所示，展示某工厂设备A和...
时间范围
步骤一：添加组件 创建Web应用。具体操作，请参见 创建Web应用。在Web应用编辑器中，单击最左侧的组件图标。在画布左侧组件列表上方，输入 时间范围，找到该组件，然后将组件拖拽到中间画布。有关组件添加的更多信息，请参见 添加组件。...
步骤
该组件用于配置分步导航条，引导用户按照流程完成任务。支持根据实际场景设定不同步骤对应不同任务。应用示例 按步骤完成某网页个人信息的注册。步骤一：添加组件 创建Web应用。具体操作，请参见 创建Web应用。在Web应用编辑器中，单击最...
图标
步骤一：添加组件 创建Web应用。具体操作，请参见 创建Web应用。在Web应用编辑器中，单击最左侧的组件图标。在画布左侧组件列表上方，输入 图标，找到该组件，然后将组件拖拽到中间画布。有关组件添加的更多信息，请参见 添加组件。步骤二...
柱状图
柱状图组件以柱状形式展示多条数据变动趋势，方便您分析比较数据的变动情况。本文介绍组件的详细配置方法。应用示例 使用柱状图形式展示某公司1月至3月某物品的销售单价（price）和销售量（sales）数据。步骤一：添加组件 创建Web应用。...
闪烁告警
闪烁告警组件模拟水波向外扩散效果，通过扩散速度和扩散频率来判断告警的紧急程度。本文介绍闪烁告警组件的详细配置方法。应用示例 如下图所示，使用闪烁告警组件展示设备的告警紧急程度。步骤一：添加组件 创建Web应用。具体操作，请参见 ...
多边形
该组件可用作其他组件展示内容的背景，或各种场景的拼装图案。本文介绍组件的详细配置方法。应用示例 拼装出纯展示图案。作为数字或文字的背景。步骤一：添加组件 创建Web应用。具体操作，请参见 创建Web应用。在Web应用编辑器中，单击最...
双Y轴折线图
步骤一：添加组件 创建Web应用。具体操作，请参见 创建Web应用。在Web应用编辑器中，单击最左侧的组件图标。在画布左侧组件列表上方，输入 双Y轴折线图，找到该组件，然后将组件拖拽到中间画布。有关组件添加的更多信息，请参见 添加组件。...
刻度表
步骤一：添加组件 创建Web应用。具体操作，请参见 创建Web应用。在Web应用编辑器中，单击最左侧的组件图标。在画布左侧组件列表上方，输入 刻度表，找到该组件，然后将组件拖拽到中间画布。有关组件添加的更多信息，请参见 添加组件。步骤...
仪表盘
仪表盘组件以刻度盘形式展示设备的某个属性值或接口返回的数值型数据。本文介绍组件的详细配置方法。应用示例 使用仪表盘监控工厂环境状况。如下图所示。步骤一：添加组件 创建Web应用。具体操作，请参见 创建Web应用。在Web应用编辑器中，...
折线图
折线图组件以折线或曲线形式展示多条数据变动趋势，方便您分析比较数据的变动情况。本文介绍组件的详细配置方法。应用示例 在茶园的环境监控大屏中，使用折线图组件展示每小时的最高温度数据。步骤一：添加组件 创建Web应用。具体操作，请...
条形图
条形图组件以条状形式展示多条数据变动趋势，方便您分析比较数据的变动情况。本文介绍组件的详细配置方法。应用示例 以堆叠条形图形式展示某公司1月至3月某物品的销售单价（price）和销售量（sales）数据。步骤一：添加组件 创建Web应用。...
滑条
步骤一：添加组件 创建Web应用。具体操作，请参见 创建Web应用。在Web应用编辑器中，单击最左侧的组件图标。在画布左侧组件列表上方，输入 滑条，找到该组件，然后将组件拖拽到中间画布。有关组件添加的更多信息，请参见 添加组件。步骤二...
旋钮开关
旋钮开关组件是一个拟物化的组件，可用于展示和控制某个设备的属性（例如设备的电源开关），或展示接口返回的数据值状态。下文介绍组件的详细配置方法。步骤一：添加组件 创建Web应用。具体操作，请参见 创建Web应用。在Web应用编辑器中，...
级联选择
该组件用于查看并选择下拉列表中展示的级联结构数据。对比树型选择组件，支持在同一浮层中完成数据选择。下文介绍组件的详细配置方法。应用示例 通过组件的级联方式选择一个或多个省、市或区，如下图所示。步骤一：添加组件 创建Web应用。...
管理事件
操作事件 操作事件指的是在您自行操作触发的过程中出现失败等异常状态变化的事件，用于展示当前集群操作的风险和异常情况。对于这类事件，您需前往集群实例的操作历史页面查看操作失败原因，并进行相应的处理，以避免对下一次操作产生影响...
设备属性
步骤一：添加组件 创建Web应用。具体操作，请参见 创建Web应用。在Web应用编辑器中，单击最左侧的组件图标。在画布左侧组件列表上方，输入 设备属性，找到该组件，然后将组件拖拽到中间画布。有关组件添加的更多信息，请参见 添加组件。...
实时视频
该组件用于播放实时视频流。目前，该组件支持自动播放、暂停、音量调节和全屏播放功能。本文介绍组件的详细配置方法。使用说明 实时视频组件兼容性如下：支持的播放协议：HLS。支持的视频编码协议：H.264、H.265。步骤一：添加组件 创建Web...
抽屉
配置项 说明 样式 设置抽屉组件的出现位置、边距和蒙层。说明 添加蒙层可以屏蔽页面其他操作，让焦点集中在抽屉组件。标题 设置抽屉组件的标题文案和展示样式。操作按钮 设置操作按钮的排列方式、主按钮文案、次按钮文案和按钮样式。调整...
滑动条
步骤一：添加组件 创建Web应用。具体操作，请参见 创建Web应用。在Web应用编辑器中，单击最左侧的组件图标。在画布左侧组件列表上方，输入 滑动条，找到该组件，然后将组件拖拽到中间画布。有关组件添加的更多信息，请参见 添加组件。步骤...
星形
该组件可用作其他组件展示内容的背景，或各种场景的拼装图案。本文介绍组件的详细配置方法。应用示例 拼装出纯展示图案。作为数字或文字的背景。步骤一：添加组件 创建Web应用。具体操作，请参见 创建Web应用。在Web应用编辑器中，单击最...
刻度滑动条
步骤一：添加组件 创建Web应用。具体操作，请参见 创建Web应用。在Web应用编辑器中，单击最左侧的组件图标。在画布左侧组件列表上方，输入 刻度滑动条，找到该组件，然后将组件拖拽到中间画布。有关组件添加的更多信息，请参见 添加组件。...
三角形
该组件可用作其他组件展示内容的背景，或各种场景的拼装图案。本文介绍组件的详细配置方法。应用示例 拼装出纯展示图案。作为数字或文字的背景。步骤一：添加组件 创建Web应用。具体操作，请参见 创建Web应用。在Web应用编辑器中，单击最...
穿梭框
该组件使用直观方式在左右列表框移动数据，实现数据的多项选择。本文介绍组件的详细配置方法。应用示例 可在穿梭框左列表框以树状或单列的列表形式展示数据源后，移动或搜索数据项。树状列表 单列列表 步骤一：添加组件 创建Web应用。具体...
椭圆形
该组件可用作其他组件展示内容的背景，或各种场景的拼装图案。本文介绍组件的详细配置方法。应用示例 拼装出纯展示图案。作为数字或文字的背景。步骤一：添加组件 创建Web应用。具体操作，请参见 创建Web应用。在Web应用编辑器中，单击最...
地图
步骤一：添加组件 创建Web应用。具体操作，请参见 创建Web应用。在Web应用编辑器中，单击最左侧的组件图标。在画布左侧组件列表上方，输入 地图，找到该组件，然后将组件拖拽到中间画布。有关组件添加的更多信息，请参见 组件。步骤二：...
树型选择
该组件用于查看并选择下拉列表中展示的树型结构数据，对比下拉框组件，增加了可展示的数据层级，和搜索并展示指定数据的能力。例如选择公司层级、学科系统、分类目录等。下文介绍组件的详细配置方法。应用示例 在展示的树型列表中选择一个...
文本框
文本框组件对比文字组件，增加了文本输入能力，例如可作为页面的搜索框使用。下文介绍该组件的详细配置。应用示例 文本框组件可作为登录界面用户名和密码的文本输入框，校验输入的信息。如下图所示。步骤一：添加组件 创建Web应用。具体...
箭形
该组件可用作传递关系的一种标记，或各种场景的拼装图案。下文介绍组件的详细配置方法。应用示例 拼装出纯展示图案。作为表达图片或区块传递关系的标记。步骤一：添加组件 创建Web应用。具体操作，请参见 创建Web应用。在Web应用编辑器中，...
数据分析
该组件接入了物联网数据分析，支持导入产品，以表格形式展示产品不同时间段的设备数据统计信息，包括更新时间、设备名称和设备属性统计值（最大值、最小值、平均值、累计值）。本文介绍数据分析组件的详细配置方法。步骤一：添加组件 创建...
图片
说明 在重复列表中使用该组件时，若需要根据设备物模型属性设置 组件可见性 及对应 设备离线时 组件可见性，该组件数据源配置需关联 设备，配置方法如下：重复列表数据源配置为 设备，该 组件可见性 的数据源可配置为 母组件数据源 或 设备...
搜索框
该组件提供了文本输入和搜索能力，帮助用户从海量信息中获取准确内容。下文介绍组件的详细配置方法。应用示例 天猫首页的商品搜索框，通过搜索内容展示对应商品的相关信息。步骤一：添加组件 创建Web应用。具体操作，请参见 创建Web应用。...
3D
3D组件支持上传自定义3D模型，提供多种示例模型库，可用于工业、水处理等3D场景展示。本文介绍3D组件的详细配置方法。应用示例 如下图所示，使用3D组件展示冷却塔模型。步骤一：添加组件 创建Web应用。具体操作，请参见 创建Web应用。在Web...
进度指示器
进度指示器组件以线形或圆形展示某操作当前进度或某设备当前容量的百分比数。本文介绍进度指示器组件的详细配置方法。应用示例 在某工厂设备运维大屏中，展示锅炉当前供能使用状态。如下图所示。步骤一：添加组件 创建Web应用。具体操作，...
表格
表格组件以表格形式展示数据。本文介绍组件的详细配置方法。应用示例 以表格形式展示某传感器设备上报的环境数据。可在预览或应用发布后页面，设置时间范围，或对数值型属性值进行升序或降序展示。步骤一：添加组件 创建Web应用。具体操作...
- 产品推荐
- 这些文档可能帮助您