该组件以时间作为X轴,展示单个或多个设备属性的实时或历史数据变化趋势。下文介绍组件的详细配置方法。
步骤一:添加组件
步骤二:配置数据源
- 在Web应用编辑器右侧样式中,单击展示数据后配置数据源。
- 配置设备数据源参数项。
配置项 说明 选择数据源 默认为设备。不支持修改。 模式 选择待展示的曲线: - 单设备多属性:最多支持15个属性。
- 多设备单属性:最多支持5个设备。
产品 单击选择产品,在选择产品对话框选择目标产品。 选择产品对话框展示了当前应用所属项目下已导入的产品。 如果没有相应产品,单击对话框左下角的产品管理,前往项目详情的产品页,创建或导入产品。
设备 选择待绑定的设备。 - 指定设备:如果已有真实设备连接到物联网平台,则选择真实设备。如果真实设备未连接到物联网平台,没有上报数据,则需使用虚拟设备功能,推送模拟数据,进行数据格式验证。详细内容请参见调试虚拟设备。
- 动态设备:可选变量、组件值和URL参数三种类型的动态设备。
- 变量:选择在当前应用中,已创建的变量作为动态设备来源。创建变量,请参见变量管理。
- 组件值:选择当前应用中,已配置的表单组件作为动态设备来源。
- URL参数:以最终发布页面上的某个参数作为该服务的动态设备。常用于嵌入页面时,由宿主页提供动态参数,如将传入的产品型号作为服务的动态设备。
- 空设备:若选择为空,可在设备模拟数据框中,输入模拟数据,进行数据格式验证。
数据项 默认选择设备历史数据。不支持修改。 使用属性的历史数据作为数据项,例如,可获取过去7天的温度展示。
属性 选择设备属性。该组件支持以下类型的设备属性:单精度数字,双精度数字,整数。 实时数据时间段 支持以下两种选择: - 某个时间点至现在:可选时间点为1小时、0.5天、1天、2天、3天、4天、5天、6天、7天。
- 当天0点-24点。
时间单位 选择时间单位,即以某个时间段为一个单位,可选:5分钟、10分钟、1小时。 - 单击确定。组件默认展示所配数据源的实时数据曲线。
步骤三:配置样式
- 在右侧样式中,完成组件展示的配置。
配置项 说明 时间选择器 选中对应复选框,支持筛查历史数据。组件左上角显示可筛选的查询项。 全局样式 设置实时曲线的全局字体、轴颜色和背景颜色。 X轴 选中显示轴标签复选框后,显示X、Y轴刻度值。 可设置显示样式。 说明 Y轴刻度数量从最小值所在刻度算起,例如最小值为0,最大值为500,间隔为50,刻度数量为11。Y轴 边框 设置是否显示边框,及可显示的效果。 是否显示系列名称 默认选中该复选框,在实时曲线上方显示系列名称。支持添加系列,并设置各系列的名称和对应曲线显示颜色。 - 调整组件在页面中的最终位置。有关组件通用样式配置,请参见样式配置。
步骤四:配置交互动作
- 选中组件的交互页签,配置事件和交互动作。具体操作请参见交互配置。
例如,鼠标移入,执行动作展示隐藏,显示某个隐藏的组件,展示组件数据更多的说明信息。
- 单击页面右上方的预览,查看或调试组件的展示数据。
在文档使用中是否遇到以下问题
更多建议
匿名提交