Skip to content

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个单元格,可以得出以下的一个自定义表格: 自定义表格演示