曲线图

更新时间:2019-05-05 16:07:34

概述

image.png

曲线图是图表类组件中比较特殊的一个,主要用来做设备属性实时或历史数据可视化。
曲线图和其他图表的不同点:

  1. 该曲线图仅支持设备某个属性的历史数据作为数据源
  2. 支持显示多个设备的同一属性的变化趋势
  3. 曲线图的 X 轴一定是时间,而折线图或柱状图的 X 轴可以是数据源指定的任何文本

样式配置

柱状图组件相同。

X、Y轴支持坐标轴文字样式配置,Y轴支持最小最大值以及水平轴刻度数量的配置,默认为auto自动配置

为了优化展示效果,图表会自动对最小值、最大值、刻度数量进行调整,可能不会看到完全按照设置值展示

系列

关联设备属性后,可以对每个系列进行命名,并且更改相应线条的颜色。

image.png

时间选择器

打开时间选择器后,曲线图组件除了可以展示在编辑器中配置的时间范围,还可以在运行时手动切换查看过去最多 7 天内的历史数据。

image.png

image.png

打开时间选择器选项后,组件的顶部会出现时间范围选择和时间单位选择。其中第一个下拉框可以在实时数据和历史数据间切换。切换到历史数据后,可以选择想要查看的时间范围,图表的数据也会相应改变。

时间单位表示数据的更新频率,根据时间范围的不同,可以选择 1分钟,10分钟,1小时等。

tips:要体验完整的曲线图时间选择功能,必须关联真实设备,并且设备在所选时间范围内有上报数据。默认的虚拟数据不会根据时间范围的改变而改变。

数据源

曲线图组件需要绑定设备数据源进行使用,曲线图组件支持设备中所有数值型的属性
曲线图还可以关联同一产品下,多个设备的同一属性。选择产品后,点击 “+添加设备”链接即可添加最多 5 个设备。
添加多个设备后,可以在数据系列属性中按照顺序配置每个系列的名称和线条的颜色。

results matching ""

    No results matching ""