小智纯前端js报表实战4-绝对坐标纵向扩展

news2024/9/22 11:24:39

绝对坐标-纵向扩展

概述

绝对层次坐标

用于获取扩展后某一位置上的值。如获取A1扩展后的A3单元格的值,就可以在别的单元格如B1中输入=A1[A1:3],其公式意义在于获取A1扩展后的第三个单元格的值,其效果如下
绝对层次坐标

绝对坐标-纵向扩展:绝对坐标定位

应用场景

如下图所示,简单展示数据
在这里插入图片描述

示例说明

数据准备

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

[
  {
    "type": 1,
    "name": "供应商产品",
    "response_data": [
      {
        "供应商": "1",
        "产品名称": "苹果汁"
      },
      {
        "供应商": "1",
        "产品名称": "牛奶"
      },
      {
        "供应商": "1",
        "产品名称": "番茄酱"
      },
      {
        "供应商": "2",
        "产品名称": "盐"
      },
      {
        "供应商": "2",
        "产品名称": "麻油"
      },
      {
        "供应商": "2",
        "产品名称": "海苔酱"
      },
      {
        "供应商": "2",
        "产品名称": "肉松"
      },
      {
        "供应商": "3",
        "产品名称": "酱油"
      },
      {
        "供应商": "3",
        "产品名称": "海鲜粉"
      },
      {
        "供应商": "3",
        "产品名称": "胡椒粉"
      },
      {
        "供应商": "4",
        "产品名称": "鸡"
      },
      {
        "供应商": "4",
        "产品名称": "蟹"
      },
      {
        "供应商": "4",
        "产品名称": "鸡精"
      }
    ]
  }
]

报表设计

将数据字段拖入到A2、B2,在B5,B6,B7分别写入绝对坐标定位的公式,A2,B2并设置成分组以及向下扩展。如下图所示:
在这里插入图片描述

效果预览

在这里插入图片描述

参考文档

  • 小智报表样例源码下载
    • 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

sdk下载

  • https://tizdata.com/xzdownload/
  • 开发使用文档
    • https://doc.tizdata.com/xiaozhi/650

下一篇 绝对坐标:横向扩展

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

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

相关文章

JavaEE-多线程编程单例模式

一、等待通知 系统内部,线程之间是抢占式执行的,随即调度,程序可以通过手动干预的方式,能够让线程一定程度的按咱们想要的顺序执行,无法主动让某个线程被调度,但可以主动让某个线程等待。等待通知可以安排…

嵌入式人工智能(45-基于树莓派4B的扩展板-舵机驱动板PCA9685)

1、简介 智能小车、机械臂、摄像头云台会有多个舵机,而微控制器芯片的PWM输出引脚不够的情况下,就可以用PCA9685(16路舵机)来解决这一问题。 PCA9685是一款I2C总线控制的16通道LED控制器,专为红/绿/蓝/琥珀&#xff…

Spring Boot - 在Spring Boot中实现灵活的API版本控制(下)_ 封装场景启动器Starter

文章目录 Pre设计思路ApiVersion 功能特性使用示例配置示例 ProjectStarter Code自定义注解 ApiVersion配置属性类用于管理API版本自动配置基于Spring MVC的API版本控制实现WebMvcRegistrations接口,用于自定义WebMvc的注册逻辑扩展RequestMappingHandlerMapping的类…

医院预约挂号小程序的设计

管理员账户功能包括:系统首页,个人中心,用户管理,医生管理,科室分类管理,医生信息管理,预约挂号管理,系统管理 微信端账号功能包括:系统首页,医生信息&#…

Python酷库之旅-第三方库Pandas(074)

目录 一、用法精讲 301、pandas.Series.dt.components属性 301-1、语法 301-2、参数 301-3、功能 301-4、返回值 301-5、说明 301-6、用法 301-6-1、数据准备 301-6-2、代码示例 301-6-3、结果输出 302、pandas.Series.dt.to_pytimedelta方法 302-1、语法 302-2、…

17.1 分布式限流组件Sentinel

17.1 分布式限流组件Sentinel 1. Sentinel介绍1.1 Sentinel 介绍1.2 Sentinel 功能和设计理念流量控制2. Sentinel安装控制台2.1 概述2.2 启动控制台*****************************************************************************1. Sentinel介绍 github 官方中文文档 1.…

Rest风格快速开发

Rest风格开发简介 简单点来说,Rest风格的开发就是让别人不知道你在做什么,以deleteUserById和selectUserById为例: 普通开发:路径 /users/deleteById?Id666 /users/selectById?Id666 别人很容易知道你这是在干什么 Rest风…

半导体行业人士宋仕强谈生产力

近日,半导体行业人士,金航标电子和萨科微创始人宋仕强强调了技术进步与管理创新在提升生产效率中的作用。深圳作为中国效率驱动发展模式的典范,其核心竞争力在于高效利用资源。从早期的快速城市建设到现今华强北电子市场的繁荣,深…

批量ncm转mp3

软件上线一段时间后发现大家用ncm转MP3功能比较多,并且很多用户都是同时转换好几个音乐,为了方便大家使用这里就给大家提供了一个批量ncm转MP3的功能,下面简单介绍一下如何使用 打开智游剪辑(zyjj.cc),搜索…

Mouser中元件特性对比功能

搜索所需的元件,并点击比对 在比对界面里搜索所需比对的另外元器件,并比对3.得到的结果

深入探索 Wireshark——网络封包分析的利器

一、引言 在当今数字化的时代,网络通信变得日益复杂和关键。无论是企业的网络运维,还是网络安全研究,都需要深入了解网络中传输的数据。Wireshark 作为一款强大的网络封包分析工具,成为了网络工程师、安全研究人员和技术爱好者不…

linux 查看端口占用并处理

lsof 命令 lsof -i:端口注意pid netstat 命令 netstat -tnpla | grep 端口注意pid 查看详情 ps -ef | grep 3766607删除 kill -9 PIDkill -9 3766607

OpenCV图像滤波(7)cv::getDerivKernels() 函数的使用

操作系统:ubuntu22.04 OpenCV版本:OpenCV4.9 IDE:Visual Studio Code 编程语言:C11 算法描述 函数返回用于计算空间图像导数的滤波系数。 该函数计算并返回用于空间图像导数的滤波系数。当 ksizeFILTER_SCHARR 时,生成 Scharr 3…

【Python机器学习】树回归——复杂数据的局部性建模

线性回归包含一些强大的方法,但这些方法创建的模型需要拟合所有的样本(局部加权线性回归除外),当数据拥有众多特征并且特征之间关系十分复杂时,构建全局模型的想法就显得很困难,也略显笨拙。而且&#xff0…

MySql 5.7.1 分区的实践

在性能优化中,Mysql 进行分区,能有效提高查询效率,因此开始百度了起来。但是结果总不是那么一番风顺的。如今使用 uuid 作为主键的情况已是主流,因此在给表增加分区时,出现了如下错误: 错误: A …

FishSpeech 实测,免费语音克隆神器,5分钟部署实战,让川普给你来段中文绕口令?

拍短视频,开始的时候是真人语音,之后是电脑配音,今年年初剪映上线了克隆语音,很多人都用起来了。 想要克隆别人的语音怎么办? 之前需要用 GPT-SoVITS 训练声音模型,操作复杂,对电脑配置要求较…

【算法设计】深入理解波兰表达式与逆波兰表达式

文章目录 介绍1. 波兰表达式(Prefix Notation)2. 逆波兰表达式(Postfix Notation)3. 比较与优劣4. 简单示例5. 实例演示6. 应用场景和案例7. 中缀表达式转后缀表达式8. 结论 更多相关内容可查看 应用场景:Excel自定义公…

Mozilla Firefox侧边栏和垂直标签在131 Nightly版本中开始试用

垂直选项卡和全新的侧边栏体验现已在Mozilla Firefox Nightly 131 中提供。这一更新备受社区期待和要求,我们期待看到它如何提高您的浏览效率和工作效率。如果您想体验一下这项正在进行中的工作,请这样操作: 更新到最新的Nightly版 转到设置…

LeetCode刷题笔记第49题:字母异位词分组

LeetCode刷题笔记第49题:字母异位词分组 题目: 想法: 遍历列表中的所有字符串,将字符串中字符进行排序并作为字典的键,并将原字符串做为值保存,最终输出字典的值就是最终的答案。 class Solution:def gr…

MySQL 日志表改造为分区表

文章目录 前言1. 分区表改造方法2. 操作步骤2.1 调整主键2.2 无锁变更2.3 回滚策略 3. 分区表维护3.1 创建分区3.2 删除分区3.3 分区表查询 后记 前言 业务有一张日志表,只需要保留 3 个月的数据,仅 3 月的数据就占用 80G 的存储空间,如果不…