🐛 使用自定义总计，当行为空，列上有指标维度，开启总计后，数据展示异常

[liran19960215]

🏷 Version

Package	Version
@antv/s2	1.43.0
@antv/s2-react
@antv/s2-vue	1.5.0

Sheet Type

• [√] PivotSheet
• TableSheet
• GridAnalysisSheet
• StrategySheet
• EditableSheet

🖋 Description

使用自定义总计，当行为空，列上有指标维度，开启总计后，数据展示异常

行列交叉模型如图所示

⌨️ Code Snapshots

import { PivotSheet, EXTRA_FIELD } from '@antv/s2';

fetch('https://assets.antv.antgroup.com/s2/basic.json')
  .then((res) => res.json())
  .then((data) => {
    const container = document.getElementById('container');
    const s2DataConfig = {
      fields: {
        rows: [''],
        columns: ['type', 'province'],
        values: ['price'],
      },
      meta: [
        {
          field: 'province',
          name: '省份',
        },
        {
          field: 'city',
          name: '城市',
        },
        {
          field: 'type',
          name: '商品类别',
        },
        {
          field: 'price',
          name: '价格',
        },
      ],
      data,
    };

    const calcFunc = (query, data) => {
      const sum = data.reduce((pre, next) => {
      console.log(pre, next[next[EXTRA_FIELD]])
        return pre + Number(next[next[EXTRA_FIELD]]);
      }, 0);
      return sum;
    };

    const s2Options = {
      width: 600,
      height: 480,
      // 配置小计总计显示
      totals: {
        row: {
          showGrandTotals: true,
          showSubTotals: true,
          reverseLayout: true,
          reverseSubLayout: true,
          subTotalsDimensions: ['province'],
          calcTotals: {
            calcFunc,
          },
          calcSubTotals: {
            calcFunc,
          },
        },
        col: {
          showGrandTotals: true,
          showSubTotals: false,
          reverseLayout: true,
          reverseSubLayout: true,
          subTotalsDimensions: ['type'],
          calcTotals: {
            calcFunc,
          },
          calcSubTotals: {
            calcFunc,
          },
        },
      },
    };
    const s2 = new PivotSheet(container, s2DataConfig, s2Options);

    s2.render();
  });

🔗 Reproduce Link

https://s2.antv.antgroup.com/examples/analysis/totals/#custom

🤔 Steps to Reproduce

1. 打开demo链接 https://s2.antv.antgroup.com/examples/analysis/totals/#custom
2. 使用如下代码替换编辑器中代码

import { PivotSheet, EXTRA_FIELD } from '@antv/s2';

fetch('https://assets.antv.antgroup.com/s2/basic.json')
  .then((res) => res.json())
  .then((data) => {
    const container = document.getElementById('container');
    const s2DataConfig = {
      fields: {
        rows: [''],
        columns: ['type', 'province'],
        values: ['price'],
      },
      meta: [
        {
          field: 'province',
          name: '省份',
        },
        {
          field: 'city',
          name: '城市',
        },
        {
          field: 'type',
          name: '商品类别',
        },
        {
          field: 'price',
          name: '价格',
        },
      ],
      data,
    };

    const calcFunc = (query, data) => {
      const sum = data.reduce((pre, next) => {
      console.log(pre, next[next[EXTRA_FIELD]])
        return pre + Number(next[next[EXTRA_FIELD]]);
      }, 0);
      return sum;
    };

    const s2Options = {
      width: 600,
      height: 480,
      // 配置小计总计显示
      totals: {
        row: {
          showGrandTotals: true,
          showSubTotals: true,
          reverseLayout: true,
          reverseSubLayout: true,
          subTotalsDimensions: ['province'],
          calcTotals: {
            calcFunc,
          },
          calcSubTotals: {
            calcFunc,
          },
        },
        col: {
          showGrandTotals: true,
          showSubTotals: false,
          reverseLayout: true,
          reverseSubLayout: true,
          subTotalsDimensions: ['type'],
          calcTotals: {
            calcFunc,
          },
          calcSubTotals: {
            calcFunc,
          },
        },
      },
    };
    const s2 = new PivotSheet(container, s2DataConfig, s2Options);

    s2.render();
  });

😊 Expected Behavior

使用自定义总计后，该种交叉模型下，开启总计后，发现数据行展示异常为空，期望结果是能正常展示数据。

😅 Current Behavior

使用自定义总计后，该种交叉模型下，开启总计后，发现数据行展示异常为空。

💻 System information

Environment	Info
System
Browser

[liran19960215]

使用自定义总计，当行上有指标维度(valueInCols: false)，列上为空的情况下(column: [''])，也会出现此类展示异常的问题
https://s2.antv.antgroup.com/zh/examples/analysis/totals/#basic

import { PivotSheet, EXTRA_FIELD } from '@antv/s2';

fetch('https://assets.antv.antgroup.com/s2/basic.json')
  .then((res) => res.json())
  .then((data) => {
    const container = document.getElementById('container');
    const s2DataConfig = {
      fields: {
        rows: ['type', 'province'],
        columns: [''],
        values: ['price'],
        valueInCols: false,
      },
      meta: [
        {
          field: 'province',
          name: '省份',
        },
        {
          field: 'city',
          name: '城市',
        },
        {
          field: 'type',
          name: '商品类别',
        },
        {
          field: 'price',
          name: '价格',
        },
      ],
      data,
    };

    const calcFunc = (query, data) => {
      const sum = data.reduce((pre, next) => {
      console.log(pre, next[next[EXTRA_FIELD]])
        return pre + Number(next[next[EXTRA_FIELD]]);
      }, 0);
      return sum;
    };

    const s2Options = {
      width: 600,
      height: 480,
      // 配置小计总计显示
      totals: {
        row: {
          showGrandTotals: true,
          showSubTotals: true,
          reverseLayout: true,
          reverseSubLayout: true,
          subTotalsDimensions: ['province'],
          calcTotals: {
            calcFunc,
          },
          calcSubTotals: {
            calcFunc,
          },
        },
        col: {
          showGrandTotals: true,
          showSubTotals: false,
          reverseLayout: true,
          reverseSubLayout: true,
          subTotalsDimensions: ['type'],
          calcTotals: {
            calcFunc,
          },
          calcSubTotals: {
            calcFunc,
          },
        },
      },
    };
    const s2 = new PivotSheet(container, s2DataConfig, s2Options);

    s2.render();
  });

[lcx-seima]

没有把行/列维度 field 设为 [''] 的用法。。。

[liran19960215]

没有把行/列维度 field 设为 [''] 的用法。。。

那如果行/列为空 数据就无法展开了吗

[serializedowen]

用法暂不支持，自行尝试使用自定义单元格。

[lijinke666]

[''] 不是为空, 语义代表有一个维度, 维度叫 '', 空数组才是 [] 为空, 请不要自行发明用法或者骚操作...

看上去你的诉求如果是单个行/列 不显示维值, 只显示 S2 提供的总计, 你可以自己洗一下数据, 自己创建一个 总计 的维值, 而不是用 S2 内部计算出来的

[Flourad]

[''] 不是为空, 语义代表有一个维度, 维度叫 '', 空数组才是 [] 为空, 请不要自行发明用法或者骚操作...

看上去你的诉求如果是单个行/列 不显示维值, 只显示 S2 提供的总计, 你可以自己洗一下数据, 自己创建一个 总计 的维值, 而不是用 S2 内部计算出来的

请问怎么创建一个总计维度?有没有例子可以参考的