SpreadJS V14 Update1 新特性 - 透视表 - 数据钻取

Excel透视表中提供了在右键显示详细信息的功能，用户在浏览透视表时，可以选中值区域的某一单元格，之后右键点击查看详细信息，会在当前表单前方插入一张新的表单，显示与当前点击单元格相关的数据列表，有助于用户快速、高效的分析数据。SpreadJS V14 Update1也实现了该功能，接下来会讲解该功能的详细实现方式。
1. 使用在线表格编辑器
   在生成的透视表中，选中数据区域某一单元格，点击右键，选中显示详细信息，如下所示：
   
   点击显示详细信息，可以看到与该数据相关的数据列表显示在前边新生成的一个表单中，如下所示。
  
2. 使用API获取透视表单元格数据详情
  SpreadJS V14 Update1提供了getPivotDetails()方法来获取透视表数据的详细信息，具体形式如下：   

1. getPivotDetails(pivotItemInfo: GC.Spread.Pivot.IPivotItemInfo[])
   
2. /**
   
3. * pivotItemInfo: 数组类型，每一项为一个obj
   
4. * pivotItemInfo.fieldName： 字段名称，string类型
   
5. * pivotItemInfo.fieldItem: 数据项名称，string类型
   
6. **/

复制代码

  具体调用示例如下：

1. var spread = new GC.Spread.Sheets.workbook(document.getElementById("ss"),{sheetCount:3});
   
2. var sourceSheet = spread.getSheet(0);
   
3. var sheet = spread.getSheet(1);
   
4. var sourceData = [["Date","Buyer","Type","Amount"],
   
5.                   ["01-Jan","Mom","Fuel",74],
   
6.                   ["15-Jan","Mom","Food",235],
   
7.                   ["17-Jan","Dad","Sports",20],
   
8.                   ["21-Jan","Kelly","Books",125]];
   
9. sourceSheet.setArray(0, 0, sourceData );
   
10. sourceSheet.tables.add('sourceData', 0, 0, 5, 4);
    
11. var layout = GC.Spread.Pivot.PivotTableLayoutType.compact;
    
12. var theme = GC.Spread.Pivot.PivotTableThemes.medium2;
    
13. var pivotTable = sheet.pivotTables.add("pivotTable_1", 'sourceData', 1, 1, layout, theme, options);
    
14. pivotTable.add("Buyer","Buyer",GC.Spread.Pivot.PivotTableFieldType.rowField);
    
15. pivotTable.add("Type","Type",GC.Spread.Pivot.PivotTableFieldType.columnField);
    
16. pivotTable.add("Amount","Sum of Amount",GC.Spread.Pivot.PivotTableFieldType.valueField, GC.Pivot.SubtotalType.sum);

复制代码