Crossfilter将一个维度除以另一个维度

对不起，标题有点含糊。 我有一个日期d [“d”]和时间d [“小时”]字段的事件数据集。 时间本来是在几秒钟内，但这已经改变了服务器端144个10分钟的箱子。

现在解决问题。 我创建了两个维度，一个日期维度和一个时间维度。 我有一个每天事件数量的条形图，然后是每天10分钟窗口中事件数量的另一个条形图。 我可以看到我的活动在几个月内如何变化，以及看看“平均”日是什么样子。

问题是每天的时间条形图只是总结选定日期范围内的事件数量。 我真正的时间图表是选定日期范围的平均日期，即除以日期条形图中选定的天数。

我试图使用下面显示的reduce functionallity来做到这一点，而它的工作原理并不完全是我想要的。

    var ndx = crossfilter(sessiondata);

    var dateDim = ndx.dimension(function(d) { return d["d"]; });
    var hourDim = ndx.dimension(function(d){return d["hour"];});
    // var uidDim = ndx.dimension(function(d) { return d["uid"];});

    var numEventsByDate = dateDim.group();

    var numEventsByHour = hourDim.group().reduce(
        function(p,d){
            p.timebin++
            if( d.d in p.days) p.days[d.d]++;
            else {
                p.days[d.d] = 1;
                p.dayCount++;} 
            p.averagetime = p.timebin/p.dayCount
            return p;
        },
        function(p,d){
            p.timebin--
            p.days[d.d]--;
            if(p.days[d.d] == 0){
                delete p.days[d.d];
                p.dayCount--;}
            p.averagetime = p.timebin/p.dayCount
            return p;
        },
        function() {
            return{dayCount:0,
                days:{},
                timebin:0,
                averagetime:0};
        });

    var all = ndx.groupAll();
var minDate = dateDim.bottom(1)[0]["d"];
var maxDate = dateDim.top(1)[0]["d"];

var timeChart = dc.barChart("#figure1");
var hourChart = dc.barChart("#figure3");

timeChart
.width(750)
.height(250)
.margins({top: 10, right: 50, bottom: 30, left: 50})
.dimension(dateDim)
.group(numProjectsByDate)
.transitionDuration(500)
.x(d3.time.scale().domain([minDate, maxDate]))
.xUnits(d3.time.days)
.elasticY(true)
.xAxisLabel("Months")
.yAxis().ticks(4);

hourChart
.width(730)
.height(300)
.margins({top: 10, right: 50, bottom: 30, left: 50})
.dimension(hourDim)
.group(numProjectsByHour)
.valueAccessor(function (d){return d.value.averagetime})
.transitionDuration(500)
.centerBar(true)
.gap(65)
.x(d3.scale.linear().domain([0,24]))
.xUnits(function(){return 10;})
.elasticY(true)
.xAxisLabel("Hours of the Day")
.yAxis().ticks(4);      

问题是每个timebin被不同的天数划分，也就是说在上午2点到上午10点之间事件数量较少的时间段。 这段时间可能会在某些日子里发生零事件，因此那些零日不会有助于平均值。 我真正要做的是将所有的时间分箱除以相同的数字，这是在日期图中选择的天数。 有没有一个简单的方法来做到这一点，我错过了

---

我建议不要在你的小组中计算平均值。 只需跟踪组件，然后计算您的valueAccessor中的valueAccessor 。 当你这样做时，你也可以通过从timeChart中抓取实际的过滤器并用它来划分你的组合总数来在你的值存取器中正确地计算出除数。

所以你的valueAccessor的valueAccessor最终会看起来像这样：

.valueAccessor(function (d){
  var numberOfDays = 100 // Or whatever your unfiltered number of days is.
  if(timeChart.filters().length === 1) {
    // There is a filter in place
    var firstDate = timeChart.filters()[0][0]; // Inclusive
    var lastDate = timeChart.filters()[0][1]; // Not inclusive!
    // Calculates the number of days between. Adjust +/-1 depending on your needs
    var numberOfDays = d3.time.days(firstDate, lastDate).length
  }
  return d.value.timebin / numberOfDays;
})

鉴于此，您可以将numEventsByHour为简单的计数维度，并根据需要调整valueAccessor 。

链接地址: http://www.djcxy.com/p/32691.html

上一篇: Crossfilter divide one dimension by the range selected in another

下一篇: DC.js barchart bars disappear on brush and total amount for date range problems