1. 概述
卡片组件是通过类表格形式自由构建卡片样式，再根据取数数据表的浮动层级关系，实现报表支持卡片分组式展现数据的一种图形化组件。本文通过制作一张分析表，让大家了解ABI中卡片组件的应用。
2. 示例分析
根据给出的F_KPZJSJ1和F_KPZJSJ2两张主题表，使用卡片组件将F_KPZJSJ1中的数据根据F_KPZJSJ2中的卡片id分组展示，实现下图所示分析表。
主题表F_KPZJSJ1数据如下图所示：
主题表F_KPZJSJ2数据如下图所示：
3. 实现步骤
1）添加卡片组件新建报表分析，在设计器中添加卡片组件，如下图。
点击卡片组件的右上角图标，切换到取数表格态，拖入分析区表格到卡片组件中，并设计浮动分析表，这里设置三级嵌套浮动分析表。如下图。
点击卡片组件的右上角图标，切换回卡片态，在卡片组件属性中填写卡片组件的分组依据，卡片组件的分组依据从浮动分析表中取数，且必须是浮动分析表的最外层浮动表元。卡片组件必须指定卡片分组依据，所有的卡片都是由卡片分组依据浮动出来的，卡片分组依据有多少取值，卡片块就有多少个。
右键卡片组件表格，按预期效果插入行列和合并单元格，同时卡片组件单元格支持从取数表格中取数，也支持拖入文本、图片和统计图组件，统计图组件可以从取数表格中取数，如下图。
对于一个卡片中的指标有多条数据的，可以框选单元格后点击菜单栏上的“创建扩展区域按钮”或者选右键点击“创建扩展区域”，设置后，红色框内即为扩展区域，计算后，当多条数据超过扩展区域宽度时，在扩展区域内部出现滚动条，如下图。
注：为了保证数据浮动多行后，扩展区域有足够的可视化空间，且每行数据有合适的行高，可以选择下方多行空白行一起创建扩展区域。
d. 调整卡片样式调整卡片组件边框，为了方便调整扩展区域边框，可以在扩展区域四周添加空白行列，设置扩展区域无边框，扩展区域外一层行列有外边框，如下图。
设置卡片组件表元样式，设置取数表的B2表元字体蓝色加粗，D2表元字体加粗。卡片组件表元可直接继承取数表元样式，也可直接选中卡片组件表元进行样式设置，如下图。
选中卡片组件，设置卡片组件大小自适应为自动撑满、卡片扩展为水平扩展、卡片布局方式为用户自定义2行3列。
设置报表的背景图片。
至此案例分析表设计完成，最终效果如下：
请先登录