DC.js 交叉过滤器维度计数直方图

我有一个交叉过滤器，输入了以下数据结构。

project | subproject | cost
data = [
["PrA", "SubPr1", 100],
["PrA", "SubPr2", 150],
["PrA", "SubPr3", 100],
["PrB", "SubPr4", 300],
["PrB", "SubPr5", 500],
["PrC", "SubPr6", 450]]

我可以创建一个条形图，其中包含每个项目的总成本：

var ndx = crossfilter(data)
var projDim = ndx.dimension(function(d){return d.project;});
var projGroup = costDim.group().reduceSum(function(d){return d.budget;});

我想做的是按项目成本创建一个 dc.js 直方图...所以 {450: 2, 300: 1} 等。据我所知，crossfilter 只能输入每行的属性方面。有没有解决的办法？

接受挑战！

确实，crossfilter不支持这种双重缩减，但是如果您愿意接受稍微的效率损失，您可以创建“假维度”和“假团体" 具有所需的行为。幸运的是，dc.js 并没有使用太多的 crossfilter API，因此您不必实现太多的方法。

该技巧的第一部分是复制维度和组，以便新维度和旧维度将各自观察到对方的过滤。

第二部分是创建假组和维度，它们遍历复制组的箱，并根据值而不是键重新装箱和重新过滤。

下面是通用解决方案的开始。对于某些图表，还需要实施group.top()，通常可以将其转发到group.all().

function values_dimension(dim, group) {
    return {
        filter: function(v) {
            if(v !== null)
                throw new Error("don't know how to do this!");
            return dim.filter(null);
        },
        filterFunction: function(f) {
            var f2 = [];
            group.all().forEach(function(kv) {
                if(f(kv.value))
                    f2.push(kv.key);
            });
            dim.filterFunction(function(k) {
                return f2.indexOf(k) >= 0;
            });
            return this;
        }
    };
}

function values_group(group) {
    return {
        all: function() {
            var byv = [];
            group.all().forEach(function(kv) {
                if(kv.value === 0)
                    return;
                byv[kv.value] = (byv[kv.value] || 0) + 1;
            });
            var all2 = [];
            byv.forEach(function(d, i) {
                all2.push({key: i, value: d});
            });
            return all2;
        }
    };
}

// duplicate the dimension & group so each will observe filtering on the other
var projDim2 = ndx.dimension(function(d){return d.project;});
var projGroup2 = projDim2.group().reduceSum(function(d){return d.budget;});
var countBudgetDim = values_dimension(projDim2, projGroup2),
    countBudgetGroup = values_group(projGroup2);

jsfiddle在这里：http://jsfiddle.net/gordonwoodhull/55zf7L1L/