Appearance
4.6 数据类型卡片
在【仪表盘】模块,还支持配置表格类型、统计数字、自定义表格、透视表和表单等类型的卡片。
4.6.1 卡片图表类型
- 数据表卡片:数据来源于数据表模块,支持表格类型和卡片类型的展示形式。
- 统计数字卡片:数据来源于数据表模块,支持对多个字段进行分组统计数据。
- 表单类型卡片:数据来源调用自动化或者使用表达式计算,这两种数据源返回的数据,需要与设置的该表单数据表模块中的字段属性相对应,如果返回的数据中有设置的数据表模块中不存在的字段值,表单卡片不会展示该字段值。
- 自定义表格卡片:数据来源调用自动化或者使用表达式计算,返回的数据需要自己去构建数据表格的结构,返回的数据需要是数组类型的.
- 透视表卡片:数据来源于数据表模块,支持用户自主定义行元素和列元素进行计算,展示形式支持表格、折线图和柱状图。
4.6.2 自定义表格数据源说明
自定义表格卡片的数据源是一个二维数组类型,每一个数组代表了自定义表格的一行,数组中的每一个元素是一个单元格对象。
js
${
[
[
{ "rs": 2, "v": "商品", "w": 100 },
{ "rs": 2, "v": "条码", "w": 50 },
{ "cs": 9, "v": "库存情况" }
],
[
{ "cs": 2, "v": "总数", "w": 30 },
{ "v": "2023-04-01", "w": 30 },
{ "v": "2023-04-02", "w": 30 },
{ "v": "2023-04-03", "w": 30 },
{ "v": "2023-04-04", "w": 30 },
{ "v": "2023-04-05", "w": 30 },
{ "v": "2023-04-06", "w": 30 },
{ "v": "2023-04-07", "w": 30 }
]
]
}
上述这个数组数据,最外层数组包裹了两个数组,这个数据对象会在自定义表格中构建两行表格,其中第一行有三列,其中第一列和第二列会向下合并2格,第三列是向右合并9个单元格,可以得出以下的一个自定义表格: