小智纯前端js报表实战10-单行单列-双向扩展

小智数据

于 2024-08-16 15:41:26 发布

阅读量608

点赞数 13

CC 4.0 BY-SA版权

分类专栏：小智报表实战系列--解决中国式复杂报表需求 # 层级坐标报表文章标签：前端纯js报表控件小智开源报表类excel样式报表小智层次坐标定位

本文链接：https://blog.youkuaiyun.com/tianzhi2016/article/details/141247811

单行单列-双向扩展

概述

单行单列-双向扩展

应用场景

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

示例说明

数据准备

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

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