fiddle 引用:https://jsfiddle.net/33228p1d/4/
引用页面上的平均成本
图表。使用以下代码呈现图表:
var cpa = ndx.dimension(function (d) {
return d.location;
});
var cpaGroup = cpa.group().reduceSum(function (d) {
return d.total;
});
图表本身:(为简洁起见,省略了样式)
cpaChart
.dimension(cpa)
.group(cpaGroup)
.label(function (d) {
return d.key + " $" + d.value;
})
.title(function (d) {
return d.value;
})
.elasticX(true)
.ordering(function (d) { return -d.value })
.xAxis().ticks(4);
现在,它准确地显示了Front
和Back
位置的总数。
我想要它做的是显示总数除以该位置的唯一 PO 数量,以显示每个位置的平均成本。
例如,对于 Back
,我有两个独特的采购订单,总计 396 美元
。我希望看到的是 396/2
,每个位置的平均成本为 198
。
最佳答案
如果您仍然愿意使用 Reductio,请跟踪同一组上的 sum 和 exceptionCount,然后将它们划分到 valueAccessor
访问器中:
var cpaGroup = reductio()
.sum('total')
.exception(function(d) { return d.po; })
.exceptionCount(true)(cpa.group());
cpaChart
.width(400)
.height(200)
.margins({ top: 20, left: 10, right: 10, bottom: 20 })
.dimension(cpa)
.group(cpaGroup)
.ordinalColors(['#3182bd', '#6baed6', '#9ecae1', '#c6dbef', '#dadaeb'])
.label(function (d) {
return d.key + " $" + (Math.round(d.value.sum / d.value.exceptionCount));
})
.title(function (d) {
return d.value;
})
.valueAccessor(function(d) {
return d.value.sum / d.value.exceptionCount;
})
.elasticX(true)
.ordering(function (d) { return -d.value })
.xAxis().ticks(4);
关于d3.js - 按聚合划分聚合 (D3/DC/Crossfilter/Reductio),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36875985/