创建数据透视表

本主题通过使用案例场景解释在SpreadJS中创建数据透视表，如下所述。

用例场景

假设有一家食品销售公司在不同国家/地区销售食品和饮料产品。公司每天维护产品的销售数据。通过使用这些数据，可以创建一个数据透视表，它可以提供有意义的见解，例如：

• 在不同国家销售的每种产品的总数量
• 每个城市销售的产品总数

数据透视表可以轻松地对销售数据进行分类并自动计算小计和总计。要创建数据透视表，请按照以下步骤操作：

• 将数据源添加到项目中。
• 使用PivotTables方法的add方法创建数据透视表。
• 使用PivotTableFieldType枚举将数据显示到各个字段中。

以下示例代码创建数据透视表并将字段添加到字段区域。

$(document).ready(function () {
    // 初始化Spread
    var spread = new GC.Spread.Sheets.Workbook(document.getElementById('ss'), { sheetCount: 2 });
    spread.suspendPaint();
    // 获取sheet
    var pivotLayoutSheet = spread.getSheet(0);
    var dataSourceSheet = spread.getSheet(1);
    // 设置工作表名称
    pivotLayoutSheet.name("PivotLayout");
    dataSourceSheet.name("DataSource");
    // 设置行数
    dataSourceSheet.setRowCount(245);
    // 设置数据源
    dataSourceSheet.setArray(0, 0, pivotDB_UseCase);
    // 将table添加到 dataSourceSheet
    dataSourceSheet.tables.add('tableSales', 0, 0, 245, 8);
    spread.resumePaint();
    // 初始化数据透视表
    initPivotTable(pivotLayoutSheet);
    // sheet中自适应列
    autoFit(pivotLayoutSheet);
    autoFit(dataSourceSheet);
     });
function initPivotTable(sheet) {
     // 添加数据透视表
     var myPivotTable = sheet.pivotTables.add("myPivotTable", "tableSales", 0, 0, GC.Spread.Pivot.PivotTableLayoutType.tabular, GC.Spread.Pivot.PivotTableThemes.dark3);
     myPivotTable.suspendLayout();
     // 显示数据透视表的 rowHeader 和 columnHeader
     myPivotTable.options.showRowHeader = true;
     myPivotTable.options.showColumnHeader = true;
     // 添加列字段
     myPivotTable.add("Category", "Category", GC.Spread.Pivot.PivotTableFieldType.columnField);
     myPivotTable.add("Product", "Product", GC.Spread.Pivot.PivotTableFieldType.columnField);
     // 添加行字段
     myPivotTable.add("Region", "Region", GC.Spread.Pivot.PivotTableFieldType.rowField);
     myPivotTable.add("City", "City", GC.Spread.Pivot.PivotTableFieldType.rowField);
     // 添加 SubtotalType Sum字段
     myPivotTable.add("Quantity", "Sum of quantity", GC.Spread.Pivot.PivotTableFieldType.valueField, GC.Pivot.SubtotalType.sum);
     //  添加筛选字段
     myPivotTable.add("OrderDate", "OrderDate", GC.Spread.Pivot.PivotTableFieldType.filterField);
     myPivotTable.resumeLayout();
     return myPivotTable;
        }
function autoFit(sheet) {
     // 自适应列宽
     let columnCount = sheet.getColumnCount();
     for (let i = 0; i < columnCount; i++) {
         sheet.autoFitColumn(i);
     }
   }

数据透视表还可以使用来自数据源的数据来呈现以下见解：

• 仅显示西部地区销售的产品总数：
• 要显示在多个日期销售的产品总数：
• 仅显示面包和饮料的总量：