在 dc.js 条形图上绘制组的最高值

Question

我试图仅绘制 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。

Answer 1

好吧，我能够使用 'fake grouping' 想法自己解决这个问题。

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

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

在 dc.js 条形图上绘制组的最高值

Plotting top values of a group on dc.js bar chart

crossfilter

dc.js