实时曲线组件以时间作为X轴，展示单个或多个设备属性的实时或历史数据变化趋势。下文介绍组件的详细配置方法。

步骤一：添加组件

  1. 创建Web应用。详细操作请参见创建Web应用。
  2. 在Web应用编辑器中，单击最左侧的组件图标组件。
  3. 在画布左侧组件列表上方，输入实时曲线，找到该组件，然后将组件拖拽到中间画布。

    有关组件添加的详细内容，请参见添加组件。

    实时曲线

步骤二：配置数据源

  1. 在Web应用编辑器右侧样式中，单击展示数据后配置数据源。
  2. 配置设备数据源参数项。
    数据源配置
    配置项 说明
    选择数据源 默认为设备。不支持修改。
    模式 选择实时曲线展示模式：单设备多属性或多设备单属性。
    产品 选择设备所属产品。单击选择产品，在选择产品对话框展示当前应用所属项目下已导入的产品。

    如果没有相应产品，单击选择产品对话框左下角的产品管理，前往项目详情的产品页，创建或导入产品。

    设备 选择待绑定的设备。
    • 指定设备：如果已有真实设备连接到物联网平台，则选择真实设备。如果真实设备未连接到物联网平台，没有上报数据，则需使用虚拟设备功能，推送模拟数据，进行数据格式验证。详细内容请参见调试虚拟设备。
    • 动态设备：可选变量、组件值和URL参数三种类型的动态设备。
      • 变量：选择在当前应用中，已创建的变量作为动态设备来源。创建变量，请参见变量管理。
      • 组件值：选择当前应用中，已配置的表单组件作为动态设备来源。
      • URL参数：以最终发布页面上的某个参数作为该服务的动态设备。常用于嵌入页面时，由宿主页提供动态参数，如将传入的产品型号作为服务的动态设备。
    • 空设备：若选择为空，可在设备模拟数据框中，输入模拟数据，进行数据格式验证。
    数据项 默认选择设备历史数据。不支持修改。

    使用属性的历史数据作为数据项，例如，可获取过去7天的温度展示。
    属性 选择设备属性。该组件支持以下类型的设备属性：单精度数字，双精度数字，整数。
    实时数据时间段 支持以下两种选择：
    • 某个时间点至现在：可选时间点为1小时、0.5天、1天、2天、3天、4天、5天、6天、7天。
    • 当天0点-24点。
    时间单位 选择时间单位，即以某个时间段为一个单位，可选：5分钟、10分钟、1小时。
  3. 单击确定。
    组件默认展示所配数据源的实时数据曲线。

步骤三：配置样式

  1. 在右侧样式中，完成组件展示的配置。
    配置项 说明
    时间选择器 选中对应复选框，支持筛查历史数据。组件左上角显示可筛选的查询项。
    全局样式 设置实时曲线的全局字体、轴颜色和背景颜色。
    X轴 选中显示轴标签复选框后，显示X、Y轴刻度值。 可设置显示样式。
    说明 Y轴刻度数量从最小值所在刻度算起，例如最小值为0，最大值为500，间隔为50，刻度数量为11。
    Y轴
    边框 设置是否显示边框，及可显示的效果。
    是否显示系列名称 选中对应复选框后，在实时曲线上方显示系列名称。支持添加系列，并设置各系列的名称和对应曲线显示颜色。
  2. 调整组件在页面中的最终位置。有关组件通用样式配置，请参见样式配置。

步骤四：配置交互动作

  1. 选中组件的交互页签，配置事件和交互动作。具体操作请参见交互配置。
    例如，鼠标移入，执行动作展示隐藏，显示某个隐藏的组件，展示组件数据更多的说明信息。
  2. 单击页面右上方的预览，查看或调试组件的展示数据。