自动布局报表

概述

自动布局：报表中数据的对齐方式，分为左对齐、居中、右对齐。

应用场景

如下图所示，简单展示数据

示例说明

数据准备

在数据面板中添加数据集，可选择Json数据集和API服务数据集。Json数据集输入如下图所示：

[{"分类":"男鞋","区域":"A组","店铺名":"江苏省","订单金额":200,"销售时间":45049},{"分类":"男鞋","区域":"A组","店铺名":"山东省","订单金额":200,"销售时间":45049},{"分类":"男鞋","区域":"A组","店铺名":"上海市","订单金额":200,"销售时间":45049},{"分类":"男鞋","区域":"A组","店铺名":"云南省","订单金额":200,"销售时间":45049},{"分类":"男鞋","区域":"A组","店铺名":"安徽省","订单金额":200,"销售时间":45049},{"分类":"男鞋","区域":"A组","店铺名":"吉林省","订单金额":200,"销售时间":45049},{"分类":"女鞋","区域":"A组","店铺名":"河南省","订单金额":400,"销售时间":45049},{"分类":"女鞋","区域":"A组","店铺名":"浙江省","订单金额":400,"销售时间":45049},{"分类":"女鞋","区域":"A组","店铺名":"广西省","订单金额":400,"销售时间":45050},{"分类":"女鞋","区域":"A组","店铺名":"台湾省","订单金额":500,"销售时间":45050},{"分类":"女鞋","区域":"A组","店铺名":"重庆市","订单金额":500,"销售时间":45050},{"分类":"女鞋","区域":"A组","店铺名":"山西省","订单金额":500,"销售时间":45050},{"分类":"男鞋","区域":"B组","店铺名":"江苏省","订单金额":200,"销售时间":45049},{"分类":"男鞋","区域":"B组","店铺名":"山东省","订单金额":200,"销售时间":45049},{"分类":"男鞋","区域":"B组","店铺名":"上海市","订单金额":200,"销售时间":45049},{"分类":"男鞋","区域":"B组","店铺名":"云南省","订单金额":200,"销售时间":45049},{"分类":"男鞋","区域":"B组","店铺名":"安徽省","订单金额":200,"销售时间":45049},{"分类":"男鞋","区域":"B组","店铺名":"吉林省","订单金额":200,"销售时间":45049},{"分类":"女鞋","区域":"B组","店铺名":"河南省","订单金额":400,"销售时间":45049},{"分类":"女鞋","区域":"B组","店铺名":"浙江省","订单金额":400,"销售时间":45049},{"分类":"女鞋","区域":"B组","店铺名":"广西省","订单金额":400,"销售时间":45050},{"分类":"女鞋","区域":"B组","店铺名":"台湾省","订单金额":500,"销售时间":45050},{"分类":"女鞋","区域":"B组","店铺名":"重庆市","订单金额":500,"销售时间":45050},{"分类":"女鞋","区域":"B组","店铺名":"山西省","订单金额":500,"销售时间":45050}]

报表设计

在上方工具栏中选择对齐方式。

如下图所示

效果预览

自动布局.json

参考文档

• 小智报表样例源码下载
  • https://gitee.com/tizdata_admin/vue-xzreport-example.git
• 小智报表demo体验
  • https://xzdemo.tizdata.com/#/imbedShow/reportExample
  • 丰富的报表模板示例
• 小智报表在线试用
  • https://xzreport.com
• 小智报表js sdk下载
  • https://tizdata.com/xzdownload/
• 开发使用文档
  • https://doc.tizdata.com/xiaozhi/650

tps://doc.tizdata.com/xiaozhi/650

下一篇 条形码与二维码报表