静态数据主要用于无需动态获取数据能力的场景。组件中的部分基础组件(如穿梭框、下拉框、单选、步骤、重复列表等)和部分图表组件(如表格、柱状图、条形图、折线图、双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数组 数组格式如下,必须使用label和value载入数据,可添加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",...}
表示,列对应的值不带上英文双引号,表示数据为数值型。 - 每行的数据个数必须相同。如果没有数据,需使用英文双引号占位。
- 至少有一个维度(布尔型、字符型、时间型)和度量(数值型)字段的数据,以保证数据可以设置为二维数据格式。
- 数据中每一行以
操作 | 说明 |
---|---|
格式参考 | 单击格式参考,查看组件支持的数据格式。 |
验证数据格式 | 单击验证数据格式按钮,验证当前数据格式是否满足组件的格式要求。满足要求,则提示“验证成功”;不满足,则会提示详细的错误信息。 |