物联网应用开发 静态数据

By | 2021年4月23日

静态数据主要用于无需动态获取数据能力的场景。组件中的部分基础组件(如穿梭框、下拉框、单选、步骤、重复列表等)和部分图表组件(如表格、柱状图、条形图、折线图、双Y轴折线图、饼图和交叉表)支持绑定静态数据源,通过列表或图表形式将数据录入系统后固化展示。

静态数据

系统提供了默认静态数据源,不同组件的静态数据源格式要求不同:

  • 步骤组件

    数据格式必须为正整数。数字代表了组件切换显示的步骤,即1代表步骤1,2代表步骤2,3代表步骤3,以此类推。

    说明 当返回数据大于组件所配置的步骤数量时,会切换到组件的最后一个步骤。

  • 穿梭框、树型选择、级联选择组件

    三个组件的数据格式相同,展示形式不同,如下图所示。

    其中穿梭框组件支持最多展示两个层级的树型数据,而树型选择和级联选择组件对展示的数据层级没有限制。

    • 穿梭框数据列表
      [
        {
          "children": [
            {
              "label": "Input",
              "value": "4",
              "disabled":true
            },
            {
              "label": "Field",
              "value": "7"
            }
          ],
          "label": "Form",
          "value": "2"
        },
        {
          "label": "Data",
          "value": "8"
        },
        {
          "label": "mark",
          "value": "a"
        }
      ]
    • 树型选择和级联选择选择组件
      [
        {
            "value": "2973",
            "label": "shanxi",
            "children": [
              {
                "value": "2974",
                "label": "xian",
                "children": [
                  {
                    "value": "2975",
                    "label": "xianshi"
                  }
                ]
              },
              {
                "value": "2980",
                "label": "tongchuan",
                "disabled":true
              }
            ]
         }
      ]
    表 1.
    参数说明
    参数 类型 说明
    label 字符串 组件列表展示的数据项。
    value 字符串或数字 label数据的对应值。
    disabled 布尔型 可选参数,如果配置"disabled": true,数据项显灰色,表示该项不可选。
    children 一维JSON数组 数组格式如下,必须使用labelvalue载入数据,可添加disabled参数,配置数据项不可选。

    "children": [
          {
            "label": "子数据1",
            "value": "子值1"
          },
          {
            "label": "子数据2",
            "value": "子值2"
          },
            ...
          {
            "label": "子数据n",
            "value": "子值n"
          }
        ]
  • 下拉框、单选、多选和面包屑组件

    必须使用以下字段载入数据:

    • label:对应值表示组件选项的内容。
    • value:对应值使用数字或字符串,是label内容对应的值和唯一标识。
      注意 面包屑组件数据源中的
      value值必须是正确有效的地址。

    单选或多选组件的数据中,如果为某项内容配置字段"disabled": true,会使该选项不可选。

    例如

    [
      {
        "label": "Apple",
        "value": "apple"
      },
      {
        "label": "Pear",
        "value": "pear",
        "disabled":true
      }
    ]

    单选

  • 搜索框组件

    数据格式为一维数组,例如["Recent", "dress", "sunglasses"]。当开始在搜索框输入内容时,显示数据源提示框。

    搜索框提示

  • 重复列表和部分图表组件
    • 数据中每一行以{"列名1": "值1","列名2": "值2",...}表示,列对应的值不带上英文双引号,表示数据为数值型。
    • 每行的数据个数必须相同。如果没有数据,需使用英文双引号占位。
    • 至少有一个维度(布尔型、字符型、时间型)和度量(数值型)字段的数据,以保证数据可以设置为二维数据格式。
表 2.
数据格式验证
操作 说明
格式参考 单击格式参考,查看组件支持的数据格式。
验证数据格式 单击验证数据格式按钮,验证当前数据格式是否满足组件的格式要求。满足要求,则提示“验证成功”;不满足,则会提示详细的错误信息。

请关注公众号获取更多资料

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注