5

我正在使用 dc.js 来显示饼图。我见过的所有带有饼图的示例都包含返回单个值的交叉过滤器维度

var quarter = ndx.dimension(function (d) {
                var month = d.dd.getMonth();
                if (month <= 3)
                    return "Q1";
                else if (month > 3 && month <= 5)
                    return "Q2";
                else if (month > 5 && month <= 7)
                    return "Q3";
                else
                    return "Q4";
            });
            var quarterGroup = quarter.group().reduceSum(function (d) {
                return d.volume;
            });

生成的饼图将包含 4 个可能的值 Q1、Q2、Q3 和 Q4。

我需要一个饼图来显示返回多个值的维度。例如，用户可以在一个属性中使用一组主题。在饼图中，我需要显示所有可能的主题，这意味着我需要返回数组中的所有主题。

即类似的东西：

var subjects = ndx.dimension(function (d) {
           return d.subjectArray
        });
       var subjectGroup = subjects.group()

但这不起作用，因为它将拆分饼图以显示所有不同类型的arraylist，而不是按它们的内容。

我一直在研究这个问题一段时间，但找不到解决方案。dc.js 和 crossfilter 甚至可以做到这一点吗？

4

2 回答 2

2

我知道这个问题已经七岁了。我一直在快速回顾最流行的未回答的交叉过滤问题，这是第 4 位。

标记维度或带数组的维度在 Crossfilter 1.4.0中实现，并在后续版本中修复了错误。

声明维度时，传递true可选的第二个参数，并让维度键函数返回一个数组（如问题所示）。每条记录将针对其每个键计算一次。

警告：由于行被多次计算，所以不要在任何预计值加起来为 100%的地方（如饼图）使用这种维度。

于 2020-01-10T19:29:11.347 回答
1

不是专家，但我认为您需要在组中使用 .reduce() 并创建自己的 reduceAdd、reduceRemove 和 reduceInitial 函数。

.groupAll().reduce(reduceAdd, reduceRemove, reduceInitial).value();

就像这里解释的那样，除了它是饼图，而不是条形图。

于 2015-02-12T14:23:13.167 回答