全部产品

实时曲线

更新时间:2020-09-08 17:57:38

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

步骤一:添加组件

  1. 创建移动应用。详细操作请参见创建移动应用

  2. 在移动应用编辑器中,单击最左侧的组件图标组件

  3. (可选)添加分栏组件,进行应用页面布局设置,详细内容请参见横向分栏和纵向分栏

  4. 在画布左侧组件列表上方,输入实时曲线,找到该组件,然后将组件拖拽到中间画布或画布中分栏组件的某栏中。

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

    实时曲线

步骤二:配置数据源

  1. 在移动应用编辑器右侧样式中,单击展示数据配置数据源

  2. 配置设备数据源参数项。

    配置方法与Web应用开发中的实时曲线类似,其中仅实时数据时间段配置项不同。移动应用开发仅支持展示近半小时近一小时近三小时数据。

    更多参数说明请参见实时曲线的配置数据源

  3. 单击确定。

步骤三:配置样式

  1. 在右侧样式中,完成组件展示的配置。

    配置项

    说明

    全局样式

    设置实时曲线的轴颜色和背景颜色。

    X轴

    选中显示轴标签复选框后,显示X、Y轴刻度值。 可设置显示样式。

    Y轴

    边框

    设置是否显示边框,及可显示的效果。

    是否显示系列名称

    设置显示系列项后,在实时曲线上方显示系列名称。支持添加系列,并设置各系列的名称和对应曲线显示颜色。

    是否显示最新值

    设置显示最新值后,可在系列名称后展示对应曲线的最新数值。

  2. 调整组件宽高和在页面中的布局位置。详细说明请参见通用样式

步骤四:配置交互动作

  1. 选中组件的交互页签,配置事件和交互动作。具体操作请参见交互配置

    该组件支持事件单击双击。例如单击组件,展示隐藏指定内容。

  2. 预览和调试组件展示的数据和效果。详细内容请参见预览与调试