图表组件主要用来做数据可视化展示。

下表介绍图表组件列表、各图表组件的使用场景和特有配置说明。组件的通用样式配置、数据源配置和交互配置,请参见组件配置相关文档。

组件 说明
柱状图 以柱状图来展示数据。

柱状图组件支持配置样式和数据源。

特有配置说明:

  • X轴:即横坐标。
  • Y轴:即竖坐标。需设置是否显示标签(即刻度)、文字样式、数值范围和刻度数量。
  • 边框:设置是否显示边框。若显示边框,需设置边框样式。
  • 是否显示系列名称:勾选对应的复选框,则表示在图的上方显示系列名称和各系列对应的显示颜色。
    说明 配置了数据源后,您才可以在此处自定义各系列的名称。
  • 数据源:支持调用接口和设置为静态数据。

    数据必须为二维数据格式,即包含X轴和Y轴的值。示例:

    [
      ["Jan", 7, 3.9],
      ["Feb", 6.9, 4.2]
    ]

    数据格式说明:

    • 每行的第一个引号中的值是X轴上的坐标名称,之后的每个值,按照顺序,依次是Y轴上每个系列的值。
    • 每行的数据个数必须相同。即使有的系列没有值,也需使用null占位。否则,数据格式验证不通过。
堆叠柱状图 以堆叠数据柱的方式展示数据,即堆叠柱状图中,各系列的数据不是并行显示,而是依次堆叠。

配置项和配置方法与柱状图相同。

折线图 以折线展示数据。

配置项和配置方法与柱状图相同。

饼图 以饼状图形展示数据。

饼状图组件支持配置样式和数据源。

特有配置:

  • 数据显示格式:可选择显示的数据是百分比或数量,并为不同系列的数据设置不同的显示颜色。
  • 是否显示系列名称:勾选对应的复选框,则表示在图的上方显示系列名称和各系列对应的显示颜色。
    说明 配置了数据源后,您才可以在此处自定义各系列的名称。
  • 数据源:支持调用接口或设置为静态数据。

    数据格式:

    [40, 60, 30]
实时曲线 以曲线展示数据。

曲线图的配置项和配置方法与柱状图相同。

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

实时曲线图和其他图表的不同点:

  • 该实时曲线图仅支持设备某个属性的历史数据作为数据源。
  • 支持显示多个设备的同一属性的变化趋势。
  • 实时曲线图的 X 轴一定是时间,而折线图或柱状图的 X 轴可以是数据源指定的任何文本。
设备管理 可快速创建一个设备管理表格,用于同步设备信息,和对设备进行管理和查询。

特有配置:

  • 选择产品:选择要管理的设备所属的产品,可多选。
  • 操作配置:设置允许用户进行哪些设备管理操作,操作结果将直接同步到物联网平台中。

    可选操作(可多选):

    • 允许用户添加设备:Web应用发布后,应用用户可以在应用页面的设备管理表中,单击添加设备,在产品下新增设备。
    • 允许用户编辑设备信息:Web应用发布后,应用用户可以在应用页面的设备管理表中,单击设备对应的编辑,编辑设备信息。
    • 允许用户删除设备:Web应用发布后,应用用户可以在应用页面的设备管理表中,单击设备对应的删除,删除设备。
  • 自定义标签管理:可添加、编辑、删除设备标签,如标注设备使用的协议、设备所在位置等。

    自定义标签规则:

    • 支持英文字母、数字和特殊字符。
    • 长度不可超过30个字符。
    • 标签需具有唯一性,不能重复。
  • 列显示配置:勾选要显示的设备信息。
  • 支持筛选:设置支持的设备筛选条件,可多选。Web应用发布后,应用用户可以在应用页面的设备管理表中,设置筛选条件,搜索设备。如勾选设备名称,则表示用户可以在设备管理表中,输入设备名称搜索设备。
  • 设置全局样式、表头样式、表格样式。
设备属性 以表格形式展示一个产品下所有设备的最新属性值。

特有配置:

  • 选择产品:选择要监控属性数据的设备所属产品,可多选。
  • 列显示设置:勾选允许在发布后修改显示内容,则表示应用发布后,应用用户可以在应用页面,更新设备属性表中显示的属性信息列。

    该组件支持最多显示10项属性信息。其中,设备名称、备注名称、更新时间、设备状态为默认显示项,所以应用用户可设置6个显示项。用户可通过上下拖拽的方式,调整属性信息项的顺序,自定义要显示的其他6项信息。

  • 支持筛选:设置支持的属性筛选条件,可多选。Web应用发布后,用户可以在应用页面的设备属性表中,设置筛选条件,搜索、查看设备属性数据。
  • 设置全局样式、表头样式、表格样式。
仪表盘 可用于展示设备的某个属性值。

仪表盘组件支持配置样式和数据源。数据源需设置为设备的某个属性。

特有配置:

  • 展示数据:设置设备属性值的显示字号和粗细。
  • 单位:属性值的度量单位和单位的显示字号。关联设备属性后,系统将自动读取属性的单位,您可以在此处修改单位。
  • 标题:仪表盘组件的显示标题,如展示温度属性的仪表盘,可设置标题为温度
  • 刻度数字:设置是否在仪表盘上显示刻度数字。勾选是否隐藏前的复选框,则表示不显示刻度数字,仅展示最小值和最大值。
数据分析 该组件已接入阿里云物联网数据分析服务,用于快速创建设备数据统计报表。表格中列出设备名、更新时间和设备属性统计值。

特有配置:

  • 选择产品:选择组件管理的目标产品,支持多选。表格的列会根据所选产品的属性自动更新。可在预览页,单击列显示设置,调整显示的列和顺序。
  • 显示表格标题:勾选则表示在该数据分析表上,显示标题。需设置该数据分析表的标题和显示样式。
  • 显示分页:勾选则表示数据分页显示,需设置每页显示的行数。
  • 列显示设置:
    • 勾选允许在发布后修改显示内容,则应用用户可通过列显示设置,调整显示的列和顺序。
    • 勾选允许用户导出数据,则应用用户可单击导出数据,导出数据表。
  • 支持筛选:勾选DeviceName,则应用用户可以输入设备名称,查询指定设备的数据统计。
  • 配置表头样式和表格样式。

组件配置文档

样式配置说明文档:样式配置

数据源配置说明文档:

交互动作配置说明文档:交互配置