🐛Value的展示不符合预期

[MadiniGo]

🏷 S2 Version / S2 版本

Package	Version
@antv/s2	2.3.0
@antv/s2-react
@antv/s2-react-components

💻 Sheet Type / 表格类型

• PivotSheet
• TableSheet
• PivotChartSheet
• GridAnalysisSheet
• StrategySheet
• EditableSheet

🖋 Describe the bug / 问题描述

配置列头配置是类型的情况下，值的展示不符合预期；值只取第一条展示；如果想展示完全需要把列头的字段补全。官方的在线体验也有这个问题

⌨️ Code Snapshots / 代码片段

import { PivotSheet, S2Options } from "@antv/s2";

fetch(
  "https://gw.alipayobjects.com/os/bmw-prod/2a5dbbc8-d0a7-4d02-b7c9-34f6ca63cff6.json"
)
  .then((res) => res.json())
  .then(async (dataCfg) => {
    const container = document.getElementById("container");
    const s2DataConfig = {
      ...dataCfg,
//关键的改动
      column: ["type"],
      meta: [
        // 支持批量设置或正则匹配
        // field: ['province', 'city'],
        // field: /type/,
        {
          field: "province",
          name: "省份",
        },
        {
          field: "city",
          name: "城市",
        },
        {
          field: "type",
          name: "商品类别",
        },
        {
          field: "number",
          name: "数量",
          // 自定义格式化
          // formatter: (value, record, meta) => {
          //   return `${value / 100} %`;
          // },
        },
      ],
    };

    const s2Options: S2Options = {
      width: 600,
      height: 480,
      hierarchyType: "grid",
      // 数值挂行头时, 自定义角头虚拟数值字段文本, 默认 "数值"
      cornerExtraFieldText: "自定义",
      interaction: {
        copy: {
          enable: true,
          withFormat: true,
          withHeader: true,
        },
      },
      // 显示序号
      // seriesNumber: {
      //   enable: true,
      //   自定义序号列文本, 默认 "序号"
      //   text: '自定义序号标题',
      // },
      frozen: {
        // 默认冻结行头, 行头和数值区域都会展示滚动条
        // rowHeader: false,
        // 冻结行头时, 行头宽度占表格的 1/2, 支持动态调整 (0 - 1)
        // rowHeader: 0.2,
      },
    };

    const s2 = new PivotSheet(container, s2DataConfig, s2Options);

    await s2.render();
  });

🔗 Reproduction link / 复现链接

https://codesandbox.io/p/sandbox/sad-tree-6sf9pn?file=%2Findex.ts%3A9%2C27

📋 Steps to Reproduce the Bug or Issue / 重现步骤

把dataCfg的行头改城columns['type']

😊 Expected Behavior / 期望行为

列头只剩下家具的时候，预期的数量应该是两个子分类（桌子+沙发）的数量的总和
浙江省-》杭州市-》数量-》7789 + 5343 = 13,132；而不是5343；界面这里只显示了5343只是沙发的数量

完整的数据展示

😅 Current Behavior / 当前行为

现在列头是家具，显示的是不齐全的数据，只展示了沙发的数量，按道理应该是桌子+沙发的数量

💻 OS / 操作系统

• macOS
• Windows
• Linux
• Others / 其他

🌏 Browser / 浏览器

• Chrome
• Edge
• Firefox
• Safari (Limited support / 有限支持)
• IE (Nonsupport / 不支持)
• Others / 其他

[github-actions]

你好 @MadiniGo:

🌟 我们需要你的支持！

AntV/S2 的成长离不开社区的力量，期待您用以下方式与我们同行：

1. 点亮星星标记 ✨

如果 S2 为您的项目创造价值，请为我们点亮 GitHub Star！
这个简单的动作将：

• 提升项目在开源生态的可见度
• 激励维护团队持续优化
• 吸引更多开发者参与共建

⭐ 立即点亮 Star

2. 加入用户荣誉墙 🏆

我们正在建立「S2 用户案例」展示墙，欢迎留下公司或产品名，您的回复将成为维护者、社区用户和观望者的信心来源 💪🏻

📝 登记使用案例

提 Issue 须知

⚠️ 在提出问题前，请确保你已经仔细阅读👓/搜索🔍过 官方文档 和 常见问题 以及 图表示例, 并且已经搜索查阅过相关 Issues 列表 和 Discussions 列表. 当你确定自己的问题没有解决方案时，请提交 issue。 ⚠️

如果是使用问题，不知道怎么用，移步 Discussions 讨论区 并提供 有效信息 进行 提问。

参与社区共建

这是一个开源项目, 我们也有繁忙的业务要做, 是用自己的业余时间在维护, 为爱发电, 精力有限, 所以有时候 issue 响应速度不是那么及时, 如果你遇到了问题, 或者对 Issues 和 Discussions 列表的问题感兴趣, 可以直接认领并尝试修复 (贡献指南)，帮助 S2 变得更好

[petercat-assistant]

关于您提到的值展示不符合预期的问题，我在 antvis/S2 的问题列表中找到了一个与您的问题描述相符的开放问题 Issue #3134。目前没有其他相似的开放问题。

根据您的描述，问题似乎是当列头配置为类型时，值的展示不符合预期，值只取第一条展示。为了能够展示完整的值，您需要补全列头的字段。

在代码中，您使用了以下配置：

const s2DataConfig = {
  ...dataCfg,
  column: ["type"],
  meta: [
    { field: "province", name: "省份" },
    { field: "city", name: "城市" },
    { field: "type", name: "商品类别" },
    { field: "number", name: "数量" },
  ],
};

为了达到预期的行为，您可能需要检查数据配置和列头的设置，确保所有相关字段都已正确配置。

如果您还有其他问题或需要进一步的帮助，请随时告诉我。

🪧 Tips

For further assistance, please describe your question in the comments and @petercat-assistant to start a conversation with me.

[Alexzjt]

已收到