在dc.js条形图上绘制组的顶部值

时间:2015-06-22 10:46:08

标签: dc.js crossfilter

我正在尝试在dc.js中仅绘制特定Crossfilter组的top(n)least(n)值,但我不确定如何实现此目的。我在console.log()中检查了我的群组是否根据需要返回了值,但是如何在图表中绘制这些最高值?

groupForBandwidthConsumed = dimByOrgName.group().reduceSum(function (d) {
return d.bandwidthConsumed;
});
groupForBandwidthConsumed.top(Infinity).forEach(function (d) {
console.log(d.key, d.value);
});

我读到.data()函数有助于这样做,但它不适用于条形图。有人可以解释一下如何做到这一点吗?

以下是我正在处理的条形图的JSFiddle

1 个答案:

答案 0 :(得分:4)

嗯,我能够使用假冒组合来自行解决问题。想法。

function getTops(source_group) {
return {
    all: function () {
        return source_group.top(2);
    }
};
}
var fakeGroup = getTops(groupForBandwidthConsumed);

然后将组属性修改为:.group(fakeGroup) ... JSFiddle