一般reduceInitial函数crossfilter

Question

我正在构建一个 dc.js / d3.js 仪表板，我经常需要在其中创建包含每个键的数量和每个键的总值百分比的交叉过滤器组。这就是为什么我要制作通用的 reduceAdd、reduceRemove 和 reduceInitial 函数。我设法做了前 2 个，但我不明白 reduceInitial 行为：

function reduceAdd(dim,grouping,col) {
    var keys = getKeys(dim); // get the keys name in an array of string
    return function(p,v) {
        p.total += parseInt(v[col]); // get the running total
        for (var i = 0; i < keys.length; i++) {
            if(v[grouping] == keys[i]) {p[keys[i]] += +v[col];}
            p[keys[i]+"perc"] = p[keys[i]]/p.total; // calculate a percentage for ech key
        }
        return p;
    }
}

function reduceRemove(dim,grouping,col) {
    var keys = getKeys(dim);
    return function(p,v) {
        p.total -= parseInt(v[col]);
        for (var i = 0; i < keys.length; i++) {
            if(v[grouping] == keys[i]) {p[keys[i]] -= +v[col];}
            p[keys[i]+"perc"] = p[keys[i]]/p.total;
        }
        return p;
    }
}

这是工作的非通用function reduceInitFC() { return {total:0, LILOU:0, MARIUS:0,ORIANE:0,LILOUperc:0,MARIUSperc:0,ORIANEperc:0}; }

这是我尝试过的：

function reduceInit(dim) { 
    var keys = getKeys(dim);
    var initArray= {};
    initArray["total"] = 0;
    for (var i = 0; i < keys.length; i++) {
        initArray[keys[i]] = 0;
        initArray[keys[i]+"perc"] = 0;
    }
    console.log(initArray); // (1)
    console.log({total:0, LILOU:0, MARIUS:0,ORIANE:0,LILOUperc:0,MARIUSperc:0,ORIANEperc:0});
    return function() {
            return initArray; 

    }   
}

结果是： (1) 每两次迭代的所有键的输出都为 0，而其他迭代的一些非零值 当我使用此函数时，组中的结果值与键保持不变，实际上并非如此，当我手写零值时也不是这样。

如果有人可以提供帮助，那将是超级友好和有用的。

最好， 西奥

Answer 1

我认为您的 reduceInit 看起来不错，但我认为这不可能通过 reduce 实现。 reduce 增量计算总计 - 直到组遍历维度中的所有行才有意义。因此，在 reduce 完成之前，无法计算每个键的百分比。 （同样，虽然 reduce 可用于计算单个键值的平均值，但它们不能用于所有键的平均值，因为这将取决于减少的总数。）（已更新，另请参阅此答案的cmets)

但是由于您已经有了减少的总数和键/类别的总数，您可以在图表的 valueAccessor 中计算百分比。

function valueAccessor(d){
  return d.value[keyName] / d.value.total
}