dc.js和crossfilter减少每周的平均计数

时间:2015-03-04 13:07:28

标签: javascript dc.js crossfilter

我很难让我的crossfilter小组正确设置。也许有人可以暗示一下!

我的数据结构或多或少看起来像这样:

{datetime: "2014-01-01 20:00:00", id:1}
{datetime: "2014-01-01 22:21:08", id:2}
{datetime: "2014-01-02 12:00:23", id:3} etc...

尺寸是在日期时间返回星期几:

var weekdayDimension = ndx.dimension(function(d) {
    return new Date(d.datetime).getDay();
});

现在我遇到了分组问题。我想要每个工作日的平均事件数。到目前为止,我(当然没有正确的)

var weekdayAvgGroup = weekdayDimension.group(function (d) {
    return d;
});

我想我不明白该分组究竟做了什么......

我的目标是有一些图表:

Monday => Average 40.3 Events
Tuesday => Average 35.4 Events

我创建了JSFiddle请看一下。

有人可以提示吗?

更新

经过额外的思考后,我可以在Date上创建一个维度。我所要做的就是知道为了计算

而选择的天数
(total amount of events selected/number of selected days)

所以我需要计算日期维度上的组数。但是还没有找到解决方案。

谢谢

1 个答案:

答案 0 :(得分:4)

带注释的股票示例显示了如何进行平均值: http://dc-js.github.io/dc.js/docs/stock.html

基本上,您将使用自定义缩减功能,维护计数和总和,并将总和除以计数(如果计数大于零)以获得平均值。

Reductio也让这很容易: https://github.com/esjewett/reductio

编辑:回过头来看,我注意到你指的是一周中每一天的独特日期的总计数的平均值。

我知道现在为时已晚,但由于我们得到了相当数量的“二级聚合”问题,我想我会回答这个问题,以防它帮助其他人。

因此,我们的结果应该将数据存入一周的日期,因此我们将相应地设置维度和组:

// dimension on day of week
var dim1 = ndx.dimension(function(d) {
    return d[0].getDay();
});
// group on day of week
var grp1 = dim1.group().reduce(
    ... // what goes here?
);

但我们如何进行二级聚合呢? crossfilter已经有效地为一周中的每一天提供所有条目。我们需要做的是计算每个唯一日期的条目。

我们可以使用d3.map。我们将首先使用d3.time.day删除时间信息,然后使用.getTime()获取我们可以索引的整数。然后d3.map创建“所有星期一”,“所有星期二”邮箱:

var grp1 = dim1.group().reduce(
    function(p, v) { // add
        var day = d3.time.day(v[0]).getTime();
        p.map.set(day, p.map.has(day) ? p.map.get(day) + 1 : 1);
        p.avg = average_map(p.map);
        return p;
    },
    function(p, v) { // remove
        var day = d3.time.day(v[0]).getTime();
        p.map.set(day, p.map.has(day) ? p.map.get(day) - 1 : 0);
        p.avg = average_map(p.map);
        return p;
    },
    function() { // init
        return {map: d3.map(), avg: 0};
    }
);    

最后,我们将使用此函数计算d3.map中所有分档的平均值:

function average_map(m) {
    var sum = 0;
    m.forEach(function(k, v) {
        sum += v;
    });
    return m.size() ? sum / m.size() : 0;
}

每次添加一天d3.map行走可能效率不高,因此可以将对average_map的调用移至我们将在图表中使用的valueAccessor 。我会把它留作练习。

这是一个演示技巧的小提琴: http://jsfiddle.net/gordonwoodhull/0woyhg3n/11/

并适用于原始小提琴: http://jsfiddle.net/gordonwoodhull/pkh03azq/6/