【发布时间】:2017-02-22 12:19:06
【问题描述】:
这个问题源于创建crossfilter 数据集的一些困难,特别是关于如何对不同维度进行分组和计算派生值。最终目标是使用维度和组来创建多个dc.js 图表。
(小提琴示例https://jsfiddle.net/raino01r/0vjtqsjL/)
问题
在继续解释设置之前,关键问题如下:
如何创建自定义add、remove、init,传入.reduce的函数,这样前两个就不会多次求和相同的特征?
数据
假设我想监控多台机器的故障率(只是一个例子)。我使用不同的维度来执行此操作:月份、机器的位置和故障类型。
例如我有以下形式的数据:
| month | room | failureType | failCount | machineCount |
|---------|------|-------------|-----------|--------------|
| 2015-01 | 1 | A | 10 | 5 |
| 2015-01 | 1 | B | 2 | 5 |
| 2015-01 | 2 | A | 0 | 3 |
| 2015-01 | 2 | B | 1 | 3 |
| 2015-02 | . | . | . | . |
预期
对于三个给定的维度,我应该:
- month_1_rate = $\frac{10+2+0+1}{5+3}$;
- room_1_rate = $\frac{10+2}{5}$;
- type_A_rate = $\frac{10+0}{5+3}$.
想法
本质上,在这个设置中重要的是这对夫妇(day, room)。 IE。给定一天和一个房间,它们应该附加一个费率(然后交叉过滤器应该考虑其他过滤器)。
因此,一种方法可能是存储已使用的情侣并且不为它们求和 machineCount - 但是我们仍然希望更新 failCount 值。
尝试(失败)
我的尝试是创建自定义 reduce 函数,而不是对已经考虑在内的 MachineCount 求和。
但是有一些意想不到的行为。 我确定这不是要走的路 - 所以我希望对此有一些建议。 // 维度是以下之一: // ndx = crossfilter(data); // ndx.dimension(function(d){return d.month;}) // ndx.dimension(function(d){return d.room;}) // ndx.dimension(function(d){return d.failureType;}) // 目标:有一个通用的方法来获取给定维度的组:
function get_group(dim){
return dim.group().reduce(add_rate, remove_rate, initial_rate);
}
// month is given as datetime object
var monthNameFormat = d3.time.format("%Y-%m");
//
function check_done(p, v){
return p.done.indexOf(v.room+'_'+monthNameFormat(v.month))==-1;
}
// The three functions needed for the custom `.reduce` block.
function add_rate(p, v){
var index = check_done(p, v);
if (index) p.done.push(v.room+'_'+monthNameFormat(v.month));
var count_to_sum = (index)? v.machineCount:0;
p.mach_count += count_to_sum;
p.fail_count += v.failCount;
p.rate = (p.mach_count==0) ? 0 : p.fail_count*1000/p.mach_count;
return p;
}
function remove_rate(p, v){
var index = check_done(p, v);
var count_to_subtract = (index)? v.machineCount:0;
if (index) p.done.push(v.room+'_'+monthNameFormat(v.month));
p.mach_count -= count_to_subtract;
p.fail_count -= v.failCount;
p.rate = (p.mach_count==0) ? 0 : p.fail_count*1000/p.mach_count;
return p;
}
function initial_rate(){
return {rate: 0, mach_count:0, fail_count:0, done: new Array()};
}
与 dc.js 的连接
如前所述,前面的代码需要创建dimension, group 以使用dc.js 在三个不同的条形图中传递。
每个图表都有.valueAccessor(function(d){return d.value.rate};)。
请参阅 jsfiddle (https://jsfiddle.net/raino01r/0vjtqsjL/) 以获取实现。数字不同,但数据结构相同。请注意,在小提琴中,您希望 Machine count 为 18(两个月内),但您总是得到双倍(因为有 2 个不同的位置)。
编辑
还原 + dc.js
按照 Ethan Jewett 的回答,我使用 reductio 来处理分组问题。更新的小提琴在这里https://jsfiddle.net/raino01r/dpa3vv69/
我的reducer 对象在对machineCount 值求和时需要两个异常(month, room)。因此它是这样构建的:
var reducer = reductio()
reducer.value('mach_count')
.exception(function(d) { return d.room; })
.exception(function(d) { return d.month; })
.exceptionSum(function(d) { return d.machineCount; })
reducer.value('fail_count')
.sum(function(d) { return d.failCount; })
这似乎修复了呈现图形时的数字。
但是,我在过滤一个月并查看type 图表中的数字时确实有一种奇怪的行为。
而是双重创建两个异常,我可以在处理数据时合并两个字段。 IE。一旦定义了数据,我就可以:
data.foreach(function(x){
x['room_month'] = x['room'] + '_' + x['month'];
})
那么上面的缩减代码应该变成:
var reducer = reductio()
reducer.value('mach_count')
.exception(function(d) { return d.room_month; })
.exceptionSum(function(d) { return d.machineCount; })
reducer.value('fail_count')
.sum(function(d) { return d.failCount; })
此解决方案似乎有效。但是我不确定这样做是否明智:如果数据集很大,添加新功能可能会大大降低速度!
【问题讨论】:
标签: dc.js crossfilter reductio