Question

我有一列的数据，这是每个数据点的标签列表。我想使用dc.js制作一个行图，用于绘制每个标签的出现次数。

数据如下所示：

日期，标签
2015年1月1日，＆＃34; A，B，C＆＃34;
2015年1月20日，＆＃34; B＆＃34;
2015年1月3日，＆＃34; C，A＆＃34;
2015年1月4日，＆＃34; A＆＃34;

我想要一个行图表，汇总它们如下：
答：3
B：2
C：2

到目前为止我的代码：

var labels = ["A", "B", "C"];
var labelBar = dc.rowChart("#label-bar");
d3.csv('data.csv', function (csv) {
    var data = crossfilter(csv);
    var labelDim = data.dimension(function(d){return d["Labels"];});
    var labelGroup = labelDim.group().reduce(
        function(p,v) { //add
            for (i = 0; i < labels.length; i++) {
                if(v["Labels"].indexOf(labels[i]) > -1)
                    p[labels[i]]++;
            }
            return p;
        },
        function(p,v) { //subtract
            for (i = 0; i < labels.length; i++) {
                if(v["Labels"].indexOf(labels[i]) > -1)
                    p[labels[i]]--;
            }
            return p;
        },
        function(p,v) { //initial
            p = {};
            for (i = 0; i < labels.length; i++) {
                p[labels[i]] = 0;
            }
            return p;
        });
    labelBar
        .dimension(labelDim)
        .group(labelGroup)
        .elasticX(true);
});

代码仅创建一个行图表，每个数据点都有一个条形图，而不是每个标签。任何帮助将不胜感激。

Answer 1

您需要使用dimension.groupAll并自行管理分组。如果您将维度的实例放在一起，我可以告诉您如何执行此操作。

但是，你看过Reductio，这让这很容易吗？ https://github.com/esjewett/reductio#groupall-aggregations

使用您的数据，您可以执行类似

的操作

var dim = data.dimension(function(d) { return d.Labels.split(','); });
groupAll = dim.groupAll();

reducer = reductio()
  .groupAll(function(record) {
    return record.Labels.split(',');
  })
  .count(true);

reducer(groupAll);
groupAll.all(); // Should give you groups with keys "A", "B", "C"

工作示例：https://jsfiddle.net/z4k78odx/4/

如何在dc.js中制作多标签数据的行图

1 个答案: