dc.js：计数为零时包括所有条形图

Question

我需要在图表中包含所有条形。示例：我有五个条（1,2,3,4,5），得分为reduceCount。当所有条形图都有值时，图表很好。

但是，当条形图没有值时（在本例中为一个）：

我尝试添加.y(d3.scale.ordinal().domain([1, 2, 3, 4, 5]))，但此方法在行图中不存在。

Answer 1

您可以使用“假组”来确保 bin 存在，即使没有任何值可以填充它们。

From the FAQ:

function ensure_group_bins(source_group) { // (source_group, bins...}
    var bins = Array.prototype.slice.call(arguments, 1);
    return {
        all:function () {
            var result = source_group.all().slice(0), // copy original results (we mustn't modify them)
                found = {};
            result.forEach(function(d) {
                found[d.key] = true;
            });
            bins.forEach(function(d) {
                if(!found[d])
                    result.push({key: d, value: 0});
            });
            return result;
        }
    };
};

像这样使用它：

var mod_group = ensure_group_bins(your_group, 1, 2, 3, 4, 5);
chart.group(mod_group)

我不会在这里使用.data()，因为它可以interfere with capped charts，其中行图就是其中之一。 （尽管期望它起作用是完全合理的。）