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

最新推荐文章于 2025-03-02 11:02:37 发布

原创

最新推荐文章于 2025-03-02 11:02:37 发布 · 648 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#小智开源报表 #纯前端js报表控件 #小智报表打印 #excel样式报表 #报表层次坐标体系 #相对坐标-向下扩展

相对坐标-纵向扩展

概述

相对层次坐标

能够获取上一行、上一列、下一列等与当前位置有一定偏移的位置上的值。如获取上一个A1单元格的值，可以在别的单元格如B1中输入=A1[A1:-1]，根据绝对层次坐标可知，该公式可以直接使用层次坐标公式：=HIERARCHY(A1)，其效果如下：
在这里插入图片描述
相对位置

应用场景

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

示例说明

数据准备

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

[
  {
    "type": 1,
    "name": "供应商产品",
    "response_data": [
      {
        "供应商": "1",
        "产品名称": "苹果汁"
      },
      {
        "供应商": "1",
        "产品名称": "牛奶"
      },
      {
        "供应商": "1",
        "产品名称": "番茄酱"
      },
      {
        "供应商"