简单报表示例

news2024/9/20 1:14:38

简单报表

概述

简单表格报表:简单的表格报表。

应用场景

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

示例说明

数据准备

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

[{"到货日期":"2023-05-09","订单名称":"订单1","订单日期":"2023-05-05","订单编号":"A0001","订单金额":149,"订购数量":45,"订单统计表":"订单统计表"},{"到货日期":"2023-05-10","订单名称":"订单2","订单日期":"2023-05-06","订单编号":"A0002","订单金额":156,"订购数量":23,"订单统计表":"订单统计表"},{"到货日期":"2023-05-11","订单名称":"订单3","订单日期":"2023-05-07","订单编号":"A0003","订单金额":854,"订购数量":67,"订单统计表":"订单统计表"},{"到货日期":"2023-05-12","订单名称":"订单4","订单日期":"2023-05-08","订单编号":"A0004","订单金额":157,"订购数量":15,"订单统计表":"订单统计表"},{"到货日期":"2023-05-13","订单名称":"订单5","订单日期":"2023-05-09","订单编号":"A0005","订单金额":642,"订购数量":67,"订单统计表":"订单统计表"},{"到货日期":"2023-05-14","订单名称":"订单6","订单日期":"2023-05-10","订单编号":"A0006","订单金额":945,"订购数量":89,"订单统计表":"订单统计表"},{"到货日期":"2023-05-15","订单名称":"订单7","订单日期":"2023-05-11","订单编号":"A0007","订单金额":149,"订购数量":45,"订单统计表":"订单统计表"},{"到货日期":"2023-05-16","订单名称":"订单8","订单日期":"2023-05-12","订单编号":"A0008","订单金额":156,"订购数量":23,"订单统计表":"订单统计表"},{"到货日期":"2023-05-17","订单名称":"订单9","订单日期":"2023-05-13","订单编号":"A0009","订单金额":854,"订购数量":67,"订单统计表":"订单统计表"},{"到货日期":"2023-05-18","订单名称":"订单10","订单日期":"2023-05-14","订单编号":"A0010","订单金额":157,"订购数量":15,"订单统计表":"订单统计表"},{"到货日期":"2023-05-19","订单名称":"订单11","订单日期":"2023-05-15","订单编号":"A0011","订单金额":642,"订购数量":67,"订单统计表":"订单统计表"}]

报表设计

将数据字段拖入到A2、B2、C2、D2、E2、F2、G2单元格,并设置成分组以及向下扩展。如下图所示:

效果预览


简单报表.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

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

下一篇 多层表头报表

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1995799.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

工业智能网关在制造业数字化转型中的应用分享-天拓四方

随着工业4.0和物联网技术的飞速发展,工业智能网关已成为连接现场设备、实现数据采集与远程监控的关键节点。本文将以一个实际使用案例为蓝本,深入探讨工业智能网关的应用价值、技术特点以及实施效果,旨在为读者呈现一个清晰、专业且实操性强的…

vue项目打包问题

缓存导致打包后js文件404 修改vue.config.js打包输出文件名为动态,例如取当前时间戳。 在index.html文件添加meta标签设置不缓存。 更新完包,假如用户此刻正访问某一个页面时,访问的包还是原来的情况导致出现bug 解决VUE项目更新后需要客户手…

渲染引擎实践 - UnrealEngine引擎的 GLContext 创建过程

一:概述: 本文分析下 UnrealEngine 启动过程中创建多少个 OpenGL Context,以及每个 Context 的作用。 基于 UnrealEngine 4.25 环境。 二:临时Context 1. PreInit -> PreInitPreStartupScreen -> PreloadResolutionSettings, 用于检查图形窗口分辨率 2. PreInit -&…

Nmap——网络扫描的强大利器

一、引言 在网络安全和管理的领域中,了解网络的拓扑结构、设备状态以及开放的服务端口等信息至关重要。Nmap(Network Mapper)作为一款功能强大的网络扫描工具,为我们提供了深入探索网络的能力。本文将详细介绍 Nmap 的特点、功能…

三款新手剪辑软件分享,告别复杂的达芬奇剪辑软件

你们知道吗?一个视频能不能火,除了内容要够硬核,剪辑也是门大学问呢!之前尝试过达芬奇剪辑,发现我不是很会用,然后最近我轮番上阵,试用了三款神器,来来来,让我给你们说说…

回归评价指标

这里写目录标题 1. 均方误差MSE2. 均方根误差RMSE3. 平均绝对误差MAE4. R^2^5. 调整后R^2^1. 均方误差MSE 回归数据和原始数据误差的平方和/原始数据个数平方的原因:不平方正负误差会抵消,对大误差更为敏感,在一些场景下更能凸显出模型预测的不准确性越接近于0,模型预测能力…

前端(三):Ajax

一、Ajax Asynchronous JavaScript And XML,简称Ajax,是异步的JavaScript和XML。 作用:数据交换,通过Ajax可以给服务器发送请求,并获取服务器响应的数据。异步交互:可以在不重新加载整个页面的情况下&…

雷达气象学(2)——雷达电磁波的衰减

文章目录 2.1 衰减的概念2.2 气体对电磁波的衰减2.3 云对电磁波的衰减2.4 雨对电磁波的衰减2.5 雪对电磁波的衰减2.5.1 干雪对电磁波的衰减2.5.2 湿雪对电磁波的衰减 2.6 冰雹对电磁波的衰减 2.1 衰减的概念 衰减是电磁波能量沿传播路径减弱的现象。造成衰减的原因是当电磁波投…

8.9套题

A. 猴猴吃苹果 题意:给定根节点k,求访问点的顺序,使得每次从上一个点到当前点的权值最大。访问过的点权值为0。权值一样时,输出最小编号 思路:由于是双向边,先求根节点到每一个节点的距离值。在第一轮中&…

WPF篇(3)- WrapPanel控件(瀑布流布局)+DockPanel控件(停靠布局)

WrapPanel控件(瀑布流布局) WrapPanel控件表示将其子控件从左到右的顺序排列,如果第一行显示不了,则自动换至第二行,继续显示剩余的子控件。我们来看看它的结构定义: public class WrapPanel : Panel {pub…

rocketMQ5.0事务消息实战

事务消息逻辑 首先我们来docker 部署rocketMQ与rocketMQDashBoard docker ps查看rocketMQ 容器名称 docker ps 进入容器内部 docker exec -it rmqnamesrv /bin/bash 创建事务消息 sh mqadmin updateTopic -c DefaultCluster -t TRANSACTIONTopic -n 127.0.0.1:9876 -a mes…

Python开源项目月排行 2024年7月

#2024年7月2024年8月2日1the-art-of-command-line一个全面而简洁的命令行使用指南。它旨在帮助工程师提高在命令行环境下的熟练程度和生产力。项目涵盖了从基础到高级的各种命令行技巧和知识,项目的内容涵盖了基础知识、日常使用、文件处理、系统调试等多个方面&…

图像自动化保存工具:Python脚本开发指南

引言 在数字化时代,图像已成为信息传递的重要媒介。无论是社交媒体、新闻网站还是电子商务平台,图像的自动化处理和保存都是提升用户体验和工作效率的关键。本文将深入探讨如何使用Python脚本实现从百度图片等搜索引擎批量下载并保存图像文件的高级应用…

第36集《大佛顶首楞严经》

请大家打开讲义第八十页,子三,明鼻识界即藏性。 蕅益大师讲到,我们修学大乘佛法,有一句话是很重要的。他说:“未开圆解,不应辄论修证。”说一个菩萨你没有真正地大彻大悟开圆顿解,你没有资格谈…

K8s问题案例分析

1.worker节点宕机,请说明一下pod的驱逐流程: k8s有一个节点控制器,节点控制器在一段时间内无法和kubelet通信,那么就会给节点打上unknown 状态,并自动创建NoExecute污点,避免调度器调度新的pod到该节点。同时已经在这…

2024年6月scratch图形化编程等级考试三级真题

202406 青少年软件编程等级考试Scratch三级真题 试卷总分数:100分 考试时长:60 分钟 第 1 题 运行程序后,角色的x坐标是?( ) A:99 B:100 C:199 D:200 正…

Shell 脚本中的循环语句、函数与数组

文章目录 Shell 脚本中的循环语句、函数与数组1. for 循环1.1 for 循环语法结构1.1.1 列表循环1.1.2 不带列表循环1.1.3 类C风格的for循环 1.2 案例1.2.1 打印1-5这5个数字1.2.2 打印5次hello world1.2.3 打印abcde1.2.4 输出0-50之间的偶数 1.3 小技巧:花括号 {} 和…

力扣爆刷第171天之TOP200五连刷121-125(跳跃游戏、买卖股票、旋转链表)

力扣爆刷第171天之TOP200五连刷121-125(跳跃游戏、买卖股票、旋转链表) 文章目录 力扣爆刷第171天之TOP200五连刷121-125(跳跃游戏、买卖股票、旋转链表)一、55. 跳跃游戏二、123. 买卖股票的最佳时机 III三、排序奇升偶降链表四、…

【mysql 第四篇章】bin log 的作用是啥呢?

一、redo Log 介绍 redo log 是一种偏向物理性质的重做日志,因为他里面记录类似的这样的东西,“对那个数据也中的什么记录,做了个什么修改”。它是 InnoDB 存储引擎特有的东西。 二、bin Log 日志 bin log 叫做归档日志,它里面…

pytorch多GPU训练简明教程

1. Torch 的两种并行化模型封装 1.1 DataParallel DataParallel 是 PyTorch 提供的一种数据并行方法,用于在单台机器上的多个 GPU 上进行模型训练。它通过将输入数据划分成多个子部分(mini-batches),并将这些子部分分配给不同的 G…