PivotTable.js集成问题：部分行列函数未被解析

我之前调试PivotTable.js的时候也碰到过一模一样的情况——明明数据透视表能正常显示，但某些单元格里直接打出了函数的源码，而不是计算后的结果。咱们来一步步排查解决：

1. 先检查聚合器的实现是否符合规范 #

你用的"Sum over Sum"聚合器看起来是自定义或者扩展的，PivotTable.js要求聚合器必须返回带有formatted方法的对象，这个方法要返回格式化后的字符串，而不是函数或者未处理的原始值。

如果你的聚合器定义有问题，比如漏掉了formatted方法，或者这个方法返回了函数，就会直接把函数源码渲染出来。正确的聚合器结构应该是这样的：

$.pivotUtilities.aggregators["Sum over Sum"] = function() {
  return {
    init: function() {
      this.sumTip = 0;
      this.sumTotal = 0;
    },
    push: function(record) {
      this.sumTip += record.tip || 0;
      this.sumTotal += record.total_bill || 0;
    },
    value: function() {
      // 计算核心值
      return this.sumTotal !== 0 ? this.sumTip / this.sumTotal : 0;
    },
    formatted: function() {
      // 这里必须返回字符串！比如转成百分比格式
      return (this.value() * 100).toFixed(2) + "%";
    },
    numInputs: 2
  };
};

你可以对照这个结构，检查你使用的Sum over Sum聚合器有没有正确实现formatted方法。

2. 验证数据集里有没有混入函数对象 #

有时候问题出在数据源本身——如果$.pivotUtilities.tipsData里的某些字段值不是字符串、数字这类原始类型，而是意外混入了函数对象，PivotTable.js渲染时就会直接输出函数的源码。

你可以在控制台打印数据集看看：

console.log($.pivotUtilities.tipsData);

逐行检查每一条记录的sex、smoker、day、time、tip、total_bill这些字段，确保没有值是函数类型的。

3. 切换渲染器排查是否是Heatmap的问题 #

你当前用的是Heatmap渲染器，有可能这个渲染器在处理聚合值时，没有正确调用formatted方法，而是直接读取了原始的函数对象。

先临时切换到默认的Table渲染器试试：

rendererName: "Table"

如果切换后单元格显示的是正常的计算结果，那就是Heatmap渲染器的问题，你可以尝试更新PivotTable.js的渲染器代码，或者检查Heatmap渲染器的实现是否正确处理了聚合值的格式化。

4. 确认依赖库版本兼容性 #

你用的是jQuery 1.11.0，这个版本比较老了，有可能和你使用的PivotTable.js版本存在兼容性问题。建议尝试更新到PivotTable.js的最新稳定版本，同时确保jQuery和jQuery UI的版本和它兼容（比如换成jQuery 3.x系列，如果你的项目允许的话）。

内容的提问来源于stack exchange，提问作者Ahmed Seddik