有趣的问题！这听起来有点类似于一个枢轴，在此处用于交叉过滤器。我想到了使用“假组”和“假维度”的解决方案，但是有几个注意事项：

• 它将反映其他维度的过滤器
• 但是，您将无法单击图表中的行来过滤任何其他内容（因为它会选择哪些记录？）

假组构造函数如下所示：

function regroup(dim, cols) {
    var _groupAll = dim.groupAll().reduce(
        function(p, v) { // add
            cols.forEach(function(c) {
                p[c] += v[c];
            });
            return p;
        },
        function(p, v) { // remove
            cols.forEach(function(c) {
                p[c] -= v[c];
            });
            return p;
        },
        function() { // init
            var p = {};
            cols.forEach(function(c) {
                p[c] = 0;
            });
            return p;
        });
    return {
        all: function() {
            // or _.pairs, anything to turn the object into an array
            return d3.map(_groupAll.value()).entries();
        }
    };
}

它所做的是将所有请求的行减少为一个对象，然后将该对象转换为 dc.js 期望group.all返回的数组格式。

您可以将任意维度传递给此构造函数 - 它的索引内容无关紧要，因为您无法过滤这些行……但您可能希望它具有自己的维度，因此它会受到所有其他维度过滤器的影响。还要给这个构造函数一个你想要变成组的列数组，并将结果用作你的“组”。

例如

var dim = ndx.dimension(function(r) { return r.a; });
var sidewaysGroup = regroup(dim, ['a', 'b', 'c', 'd']);

完整示例：https : //jsfiddle.net/gordonwoodhull/j4nLt5xf/5/

（注意点击图表中的行是如何导致不良的，因为，它应该过滤什么？）

您在寻找堆积的行图吗？例如，此图表的每一行代表一个类别，每种颜色代表一个子类别：

不幸的是，DC.js 尚不支持此功能。功能请求位于https://github.com/dc-js/dc.js/issues/397。如果您愿意涉足一些非库代码，您可以查看该问题日志中引用的示例。

或者，您可以使用可堆叠的条形图。这个链接似乎很好地描述了它是如何工作的：http : //www.solinea.com/blog/coloring-dcjs-stacked-bar-charts