概述
自动布局:报表中数据的对齐方式,分为左对齐、居中、右对齐。
应用场景
如下图所示,简单展示数据
示例说明
数据准备
在数据面板中添加数据集,可选择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}]
报表设计
在上方工具栏中选择对齐方式。
如下图所示
效果预览
参考文档
- 小智报表样例源码下载
- 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