卡片分栏报表
概述
卡片分栏报表是一种将数据以 “独立卡片” 为基本单元，通过横向分栏布局排列展示的报表形式。它融合了卡片式设计的独立性与分栏布局的紧凑性，适用于需要突出个体数据组特征、同时实现多组信息并行浏览的场景。
应用场景
如下图所示，简单展示数据
Preview
示例说明
数据准备
在数据面板中添加数据集，可选择Json数据集和API服务数据集。Json数据集输入如下图所示：
[{"City":"北京","Amount":144,"Quantity":8,"ProductID":1,"CompanyName":"仪和贸易","ProductName":"苹果汁"},{"City":"北京","Amount":1000,"Quantity":40,"ProductID":6,"CompanyName":"兰格英语","ProductName":"酱油"},{"City":"北京","Amount":144,"Quantity":10,"ProductID":1,"CompanyName":"留学服务中心","ProductName":"苹果汁"},{"City":"北京","Amount":660,"Quantity":30,"ProductID":4,"CompanyName":"留学服务中心","ProductName":"盐"},{"City":"常州","Amount":54,"Quantity":3,"ProductID":1,"CompanyName":"迈策船舶","ProductName":"苹果汁"},{"City":"常州","Amount":228,"Quantity":12,"ProductID":2,"CompanyName":"椅天文化事业","ProductName":"牛奶"},{"City":"常州","Amount":616,"Quantity":35,"ProductID":4,"CompanyName":"椅天文化事业","ProductName":"盐"},{"City":"成都","Amount":72,"Quantity":4,"ProductID":1,"CompanyName":"新巨企业","ProductName":"苹果汁"},{"City":"大连","Amount":360,"Quantity":20,"ProductID":1,"CompanyName":"华科","ProductName":"苹果汁"},{"City":"大连","Amount":176,"Quantity":10,"ProductID":4,"CompanyName":"华科","ProductName":"盐"},{"City":"大连","Amount":1750,"Quantity":70,"ProductID":6,"CompanyName":"华科","ProductName":"酱油"},{"City":"海口","Amount":900,"Quantity":50,"ProductID":1,"CompanyName":"保信人寿","ProductName":"苹果汁"},{"City":"海口","Amount":304,"Quantity":20,"ProductID":2,"CompanyName":"保信人寿","ProductName":"牛奶"},{"City":"海口","Amount":400,"Quantity":50,"ProductID":3,"CompanyName":"保信人寿","ProductName":"蕃茄酱"},{"City":"海口","Amount":85.4,"Quantity":4,"ProductID":5,"CompanyName":"上河工业","ProductName":"麻油"},{"City":"南京","Amount":630,"Quantity":35,"ProductID":1,"CompanyName":"通恒机械","ProductName":"苹果汁"},{"City":"南京","Amount":399,"Quantity":21,"ProductID":2,"CompanyName":"通恒机械","ProductName":"牛奶"},{"City":"南京","Amount":300,"Quantity":30,"ProductID":3,"CompanyName":"通恒机械","ProductName":"蕃茄酱"},{"City":"南京","Amount":264,"Quantity":12,"ProductID":4,"CompanyName":"通恒机械","ProductName":"盐"},{"City":"南京","Amount":380,"Quantity":25,"ProductID":2,"CompanyName":"五洲信托","ProductName":"牛奶"},{"City":"南京","Amount":1100,"Quantity":50,"ProductID":4,"CompanyName":"五洲信托","ProductName":"盐"},{"City":"南京","Amount":1800,"Quantity":60,"ProductID":7,"CompanyName":"五洲信托","ProductName":"海鲜粉"},{"City":"南京","Amount":720,"Quantity":40,"ProductID":1,"CompanyName":"幸义房屋","ProductName":"苹果汁"},{"City":"南京","Amount":380,"Quantity":20,"ProductID":2,"CompanyName":"幸义房屋","ProductName":"牛奶"},{"City":"南京","Amount":500,"Quantity":20,"ProductID":6,"CompanyName":"幸义房屋","ProductName":"酱油"},{"City":"南京","Amount":190,"Quantity":10,"ProductID":2,"CompanyName":"永大企业","ProductName":"牛奶"},{"City":"秦皇岛","Amount":364.8,"Quantity":24,"ProductID":2,"CompanyName":"友恒信托","ProductName":"牛奶"},{"City":"秦皇岛","Amount":427,"Quantity":20,"ProductID":5,"CompanyName":"利合材料","ProductName":"麻油"},{"City":"秦皇岛","Amount":180,"Quantity":6,"ProductID":7,"CompanyName":"利合材料","ProductName":"海鲜粉"},{"City":"秦皇岛","Amount":380,"Quantity":20,"ProductID":2,"CompanyName":"千固","ProductName":"牛奶"},{"City":"秦皇岛","Amount":300,"Quantity":10,"ProductID":7,"CompanyName":"千固","ProductName":"海鲜粉"},{"City":"上海","Amount":190,"Quantity":10,"ProductID":2,"CompanyName":"业兴","ProductName":"牛奶"},{"City":"上海","Amount":750,"Quantity":30,"ProductID":6,"CompanyName":"业兴","ProductName":"酱油"},{"City":"上海","Amount":90,"Quantity":3,"ProductID":7,"CompanyName":"业兴","ProductName":"海鲜粉"},{"City":"深圳","Amount":285,"Quantity":15,"ProductID":2,"CompanyName":"国顶有限公司","ProductName":"牛奶"},{"City":"深圳","Amount":240,"Quantity":30,"ProductID":3,"CompanyName":"光明杂志","ProductName":"蕃茄酱"},{"City":"深圳","Amount":120,"Quantity":4,"ProductID":7,"CompanyName":"光明杂志","ProductName":"海鲜粉"},{"City":"深圳","Amount":760,"Quantity":50,"ProductID":2,"CompanyName":"正人资源","ProductName":"牛奶"},{"City":"深圳","Amount":200,"Quantity":20,"ProductID":3,"CompanyName":"正人资源","ProductName":"蕃茄酱"},{"City":"深圳","Amount":544,"Quantity":32,"ProductID":5,"CompanyName":"正人资源","ProductName":"麻油"},{"City":"深圳","Amount":540,"Quantity":18,"ProductID":7,"CompanyName":"正人资源","ProductName":"海鲜粉"},{"City":"深圳","Amount":360,"Quantity":20,"ProductID":1,"CompanyName":"远东开发","ProductName":"苹果汁"},{"City":"深圳","Amount":950,"Quantity":50,"ProductID":2,"CompanyName":"远东开发","ProductName":"牛奶"},{"City":"深圳","Amount":190,"Quantity":10,"ProductID":2,"CompanyName":"阳林","ProductName":"牛奶"},{"City":"深圳","Amount":110,"Quantity":5,"ProductID":4,"CompanyName":"阳林","ProductName":"盐"},{"City":"深圳","Amount":320.25,"Quantity":15,"ProductID":5,"CompanyName":"阳林","ProductName":"麻油"},{"City":"深圳","Amount":760,"Quantity":40,"ProductID":2,"CompanyName":"一诠精密工业","ProductName":"牛奶"},{"City":"深圳","Amount":1050,"Quantity":35,"ProductID":7,"CompanyName":"一诠精密工业","ProductName":"海鲜粉"},{"City":"深圳","Amount":240,"Quantity":10,"ProductID":7,"CompanyName":"昇昕股份有限公司","ProductName":"海鲜粉"},{"City":"深圳","Amount":140,"Quantity":14,"ProductID":3,"CompanyName":"中硕贸易","ProductName":"蕃茄酱"},{"City":"深圳","Amount":300,"Quantity":10,"ProductID":7,"CompanyName":"中硕贸易","ProductName":"海鲜粉"},{"City":"深圳","Amount":378,"Quantity":21,"ProductID":1,"CompanyName":"凯诚国际顾问公司","ProductName":"苹果汁"}]
报表设计
合并C2-C5单元格
将数据字段拖入B2、B3、B4、B5、C2单元格。
将B2、B3、B4、B5、C2表格设置为分组。
将B2、B3、B4、B5、C2设置为向下扩展.
选中A1-D8，点击上方工具栏-添加分组。
如下图所示
Preview
点击表样设置，点击分栏报表，选择分栏区域以及行分栏样式，可选择需要分栏的数量。
如下图所示
Preview
效果预览
Preview