基于纯前端类Excel表格控件实现在线损益表应用( 二 )


添加计算项除了数据透视表字段中的现有项目外,这里还支持使用自定义公式创建一个或多个计算项目 。

  1. 单击数据透视表分析
  2. 字段、项目和集合 → 计算项目
  3. 设置名称 3. Gross Profit 并作为公式:='Account Group'['1.收入']-'账户组'['2.销货成本']

基于纯前端类Excel表格控件实现在线损益表应用

文章插图
或者使用一行代码就可以添加计算项目:
pivotTable.addCalcItem("Account Group", "3. Gross Profit","='Account Group'['1. Revenue']-'Account Group'['2. COGS']");按照上述步骤添加其他计算项 。这些公式如下表所示:
基于纯前端类Excel表格控件实现在线损益表应用

文章插图
这将使我们的损益表可读性更好 。
添加计算字段损益表经常使用方差分析进行业绩比较 。当实际收入回报高于预算预测或费用低于预算时,预算变化是积极的或有利的 。
我们将使用计算字段功能在数据透视表中添加差异和差异百分比 。
  1. 单击数据透视表分析 。
  2. 字段、项目和集合 → 计算字段 。
  3. 设置计算字段的名称差异 。
  4. 要在公式中添加字段,请选择该字段,然后单击“插入字段” 。
  5. 单击添加按钮 。

基于纯前端类Excel表格控件实现在线损益表应用

文章插图
或用JavaScript实现:
pivotTable.addCalcField('diff', '=Actual-Budget');pivotTable.add("diff", "Difference", GC.Spread.Pivot.PivotTableFieldType.valueField); pivotTable.addCalcField('diff%', '=Actual/Budget-1');pivotTable.add("diff%", "Difference %", GC.Spread.Pivot.PivotTableFieldType.valueField);我们添加的两个字段是差异和差异 % 。使用的公式如下:
基于纯前端类Excel表格控件实现在线损益表应用

文章插图
添加切片器切片器作为用于过滤数据透视表的新功能 。使用此功能按地区和财政年度过滤数据 。
如果使用的是设计器,执行以下操作:
  1. 单击数据透视表分析
  2. 插入切片器
  3. 选择地区和财政年度

基于纯前端类Excel表格控件实现在线损益表应用

文章插图
或使用JavaScript实现:
var regionSlicer = sheet.slicers.add("Region", pivotTable.name(), "Region", GC.Spread.Sheets.Slicers.SlicerStyles.dark1(), GC.Spread.Sheets.Slicers.SlicerType.pivotTable);var yearSlicer = sheet.slicers.add("Financial Year", pivotTable.name(), "Financial Year", GC.Spread.Sheets.Slicers.SlicerStyles.dark4(), GC.Spread.Sheets.Slicers.SlicerType.pivotTable);进行一些外观调整为了使数据透视表更易于阅读,这里进行了一些调整,例如:
折叠计算项这将隐藏汇总的帐户以显示计算项目的值 。
基于纯前端类Excel表格控件实现在线损益表应用

文章插图
在组顶部显示小计
  1. 转到设计选项卡
  2. 单击小计
  3. 选择“在组顶部显示所有小计”

基于纯前端类Excel表格控件实现在线损益表应用

文章插图
在每个项目后插入空行
  1. 转到设计选项卡
  2. 单击空白行
  3. 选择“在每个项目后插入空白行”

基于纯前端类Excel表格控件实现在线损益表应用

文章插图
隐藏按钮和字段标题
  1. 转到数据透视表分析选项卡
  2. 单击按钮和字段标题

基于纯前端类Excel表格控件实现在线损益表应用

文章插图
更改枢轴布局
  1. 转到设计选项卡
  2. 单击报告布局
  3. 选择“以大纲形式显示”

基于纯前端类Excel表格控件实现在线损益表应用

经验总结扩展阅读