轮播图
在Web应用编辑器中，单击最左侧的组件图标。在画布左侧组件列表上方，输入 轮播图，找到该组件，然后将组件拖拽到中间画布。有关组件添加的更多信息，请参见 添加组件。步骤二：配置数据源 在Web应用编辑器右侧 样式 中，单击 数据源 后 ...
按钮标签组
在Web应用编辑器中，单击最左侧的组件图标。在画布左侧组件列表上方，输入 按钮标签组，找到该组件，然后将组件拖拽到中间画布。有关组件添加的更多信息，请参见 添加组件。步骤二：配置样式 在Web应用编辑器右侧 样式 中，设置页签样式。...
树形控件
在Web应用编辑器中，单击最左侧的组件图标。在画布左侧组件列表上方，输入 树形控件，找到该组件，然后将组件拖拽到中间画布。有关组件添加的更多信息，请参见 添加组件。步骤二：配置数据源 在Web应用编辑器右侧 样式 中，单击 数据源 后 ...
单选
在Web应用编辑器中，单击最左侧的组件图标。在画布左侧组件列表上方，输入 单选，找到该组件，然后将组件拖拽到中间画布。有关组件添加的更多信息，请参见 添加组件。步骤二：配置数据源 在Web应用编辑器右侧 样式 中，单击 数据源 后 配置...
2.5D
在Web应用编辑器中，单击最左侧的组件图标。在画布左侧组件列表上方，输入 2.5D，找到该组件，然后将组件拖拽到中间画布。有关组件添加的更多信息，请参见 添加组件。步骤二：配置2.5D组件样式 在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应用编辑器中，单击最左侧的组件图标。在画布左侧组件列表上方，输入 级联选择，找到该组件，然后将组件拖拽到中间画布。有关组件添加的更多信息，请参见 添加组件。步骤二：配置数据源 在Web应用编辑器右侧 样式 中，单击 数据源 后 ...
实时曲线
在Web应用编辑器中，单击最左侧的组件图标。在画布左侧组件列表上方，输入 实时曲线，找到该组件，然后将组件拖拽到中间画布。有关组件添加的更多信息，请参见 添加组件。步骤二：配置数据源 在Web应用编辑器右侧 样式 中，单击 展示数据 ...
树型选择
在Web应用编辑器中，单击最左侧的组件图标。在画布左侧组件列表上方，输入 树型选择，找到该组件，然后将组件拖拽到中间画布。有关组件添加的更多信息，请参见 添加组件。步骤二：配置数据源 在Web应用编辑器右侧 样式 中，单击 数据源 后 ...
风机
在Web应用编辑器中，单击最左侧的组件图标。在画布左侧组件列表上方，输入 风机，找到该组件，然后将组件拖拽到中间画布。有关组件添加的更多信息，请参见 添加组件。步骤二：配置数据源 在Web应用编辑器右侧 样式 中，单击 数据源 后 配置...
进度指示器
在Web应用编辑器中，单击最左侧的组件图标。在画布左侧组件列表上方，输入 进度指示器，找到该组件，然后将组件拖拽到中间画布。有关组件添加的更多信息，请参见 添加组件。步骤二：配置数据源 在Web应用编辑器右侧 样式 中，单击 数据源 ...
什么是Web可视化开发
无需写代码，只需在编辑器中，拖拽组件到画布上，再配置组件的显示样式、数据源及交互动作，以可视化的方式进行Web应用开发。适用于开发状态监控面板、设备管理后台、设备数据分析报表等。功能特点 免代码开发：Web可视化工作台与物联网...
卡片
在Web应用编辑器中，单击最左侧的组件图标。在画布左侧组件列表上方，输入 卡片，找到该组件，然后将组件拖拽到中间画布。有关组件添加的更多信息，请参见 添加组件。步骤二：配置数据源 在Web应用编辑器右侧 样式 中，单击 展示数据 后的 ...
文本框
在Web应用编辑器中，单击最左侧的组件图标。在画布左侧组件列表上方，输入 文本框，找到该组件，然后将组件拖拽到中间画布。有关组件添加的更多信息，请参见 添加组件。（可选）步骤二：配置数据源 在Web应用编辑器右侧 样式 中，单击 展示...
搜索框
在Web应用编辑器中，单击最左侧的组件图标。在画布左侧组件列表上方，输入 搜索框，找到该组件，然后将组件拖拽到中间画布。有关组件添加的更多信息，请参见 添加组件。（可选）步骤二：配置数据源 如果需要在提示框中选择指定数据进行搜索...
使用IoT Studio开发监控大屏
您可以使用IoT Studio中的Web应用编辑器可搭建监控大屏，用于展示设备上报的数据。操作步骤 在物联网平台控制台左侧导航栏，选择 IoT Studio>项目管理，在 普通项目 下单击 新建项目，新建一个普通项目，具体操作参见 普通项目。创建成功，...
使用IoT Studio开发监控大屏
您可以使用IoT Studio中的Web应用编辑器搭建监控大屏，展示设备上报的数据。本文介绍Web应用开发过程。操作步骤 登录 物联网应用开发控制台，在页面左上角选择对应实例后，在左侧导航栏单击项目管理。在 项目管理 页面新建一个普通项目，...
工业按钮
在Web应用编辑器中，单击最左侧的组件图标。在画布左侧组件列表上方，输入 工业按钮，找到该组件，然后将组件拖拽到中间画布。有关组件添加的更多信息，请参见 添加组件。步骤二：配置数据源 在Web应用编辑器右侧 样式 中，单击 数据源 后 ...
设备管理
在Web应用编辑器中，单击最左侧的组件图标。在画布左侧组件列表上方，输入 设备管理，找到该组件，然后将组件拖拽到中间画布。有关组件添加的更多信息，请参见 添加组件。步骤二：配置数据源 在Web应用编辑器右侧 样式 中，单击 选择产品 ...
JSON
在Web应用编辑器中，单击最左侧的组件图标。在画布左侧组件列表上方，输入 JSON，找到该组件，然后将组件拖拽到中间画布。有关组件添加的更多信息，请参见 添加组件。步骤二：配置样式 在右侧 样式 中，设置输入的字号、提示信息和默认值。...
监测不同地域作物土壤环境
在Web应用编辑器右侧 样式 中，单击 编辑设备地图。在 设备地图编辑器 的 设备数据 页面，单击 选择产品，将3个土壤传感器导入设备地图组件。单击土壤传感器右侧的设置按钮，设置气泡展示设备属性值。步骤四：为设备添加地理空间 返回设备...
设备地图
在Web应用编辑器中，单击最左侧的组件图标。在画布左侧组件列表上方，输入 设备地图，找到该组件，然后将组件拖拽到中间画布。有关组件添加的更多信息，请参见 添加组件。步骤二：配置数据源 在Web应用编辑器右侧 样式 中，单击 编辑设备...
指示灯
在Web应用编辑器中，单击最左侧的组件图标。在画布左侧组件列表上方，输入 指示灯，找到该组件，然后将组件拖拽到中间画布。有关组件添加的更多信息，请参见 添加组件。步骤二：配置数据源 在Web应用编辑器右侧 样式 中，单击 展示数据 后...
实时曲线（旧）
在Web应用编辑器中，单击最左侧的组件图标。在画布左侧组件列表上方，输入 实时曲线，找到该组件，然后将组件拖拽到中间画布。有关组件添加的更多信息，请参见 添加组件。步骤二：配置数据源 在Web应用编辑器右侧 样式 中，单击 展示数据 ...
文字
在Web应用编辑器中，单击最左侧的组件图标。在画布左侧组件列表上方，输入 文字，找到该组件，然后将组件拖拽到中间画布。有关组件添加的更多信息，请参见 添加组件。步骤二：配置数据源 在Web应用编辑器右侧 样式 中，配置 文字 展示的...
管道
在Web应用编辑器中，单击最左侧的组件图标。在画布左侧组件列表上方，输入 管道，找到该组件，然后将组件拖拽到中间画布。有关组件添加的更多信息，请参见 添加组件。步骤二：配置样式 在画布中添加锚点绘制管道。可选：将鼠标指针停留在...
多边形
在Web应用编辑器中，单击最左侧的组件图标。在画布左侧组件列表上方，输入 多边形，找到该组件，然后将组件拖拽到中间画布。有关组件添加的更多信息，请参见 添加组件。步骤二：配置样式 在Web可视化编辑页面右侧 样式 中，设置边数、背景...
步骤二：搭建开关状态监控应用
回到Web应用编辑器，单击右上方 预览 按钮，预览应用，可看到应用中组件展示状态与设备运行状态数据一致。您可单击关闭的次卧灯和次卧窗帘开关，控制对应开关开启。在设备详情的 物模型数据 页签，可查看到设备对应开关开启。后续步骤 步骤...
- 产品推荐
- 这些文档可能帮助您