Javascript dc.js:我如何计算缩减子仓的平均值?
我有来自虚拟机集群的信息,我正试图在dc.js复合折线图上按天绘制这些信息 以下是JSON格式:Javascript dc.js:我如何计算缩减子仓的平均值?,javascript,d3.js,dc.js,Javascript,D3.js,Dc.js,我有来自虚拟机集群的信息,我正试图在dc.js复合折线图上按天绘制这些信息 以下是JSON格式: [{ Date: "Feb 15 14:25:53 2017", Institution: "institution x", Memory: 57777556, Nodes: 1, Processors: 4, Queue: "workq", TotalCpus: 81600, TotalMemory: 64172851200, TotalNodes: 300 }, { Date: "Feb 15
[{
Date: "Feb 15 14:25:53 2017",
Institution: "institution x",
Memory: 57777556,
Nodes: 1,
Processors: 4,
Queue: "workq",
TotalCpus: 81600,
TotalMemory: 64172851200,
TotalNodes: 300
},
{
Date: "Feb 15 14:26:09 2017",
Institution: "institution y",
Memory: 57542224,
Nodes: 1,
Processors: 4,
Queue: "workq",
TotalCpus: 81600,
TotalMemory: 64172851200,
TotalNodes: 300
}]
通过使用reduceSum()减少,我能够绘制每个机构随时间消耗的总内存。这是我的小提琴:
然而,我还没有弄清楚如何计算每个机构每天消耗的平均内存
我知道我需要实现一个自定义缩减,它使用如下子容器:
var usedMemoryGroup = dateDimension.group().reduce(
function (p, v)
{
// add
if (v.Queue === queue)
{
p[v.Institution] = (p[v.Institution] || 0) + (v.Memory / v.TotalMemory);
}
return p;
},
function (p, v)
{
// remove
if (v.Queue === queue)
{
p[v.Institution] -= (v.Memory / v.TotalMemory);
}
return p;
},
function ()
{
// init
return {};
});
但我不确定如何创建一个自定义的减少,创建子箱,同时还计算平均每天。最终,我希望通过一个综合时间图表,为每个机构画出一条直线,来描绘这种减少
任何帮助都将不胜感激 对于任何感兴趣的人,以下是我所做的 为机构名称创建维度:
institutionDimension = ndx.dimension(function (d) {
if (d.Queue === queue) {
return d.Institution;
}
})
var institutions = [];
var names = institutionDimension.group().all();
names.forEach(function (x) {
if (institutions.indexOf(x.key) === -1) {
institutions.push(x.key);
}
});
institutions.sort();
然后创建所有机构名称的数组:
institutionDimension = ndx.dimension(function (d) {
if (d.Queue === queue) {
return d.Institution;
}
})
var institutions = [];
var names = institutionDimension.group().all();
names.forEach(function (x) {
if (institutions.indexOf(x.key) === -1) {
institutions.push(x.key);
}
});
institutions.sort();
然后为每个机构创建一个组:
var institutionGroups = [];
institutions.forEach(function (institution)
{
institutionGroups.push(createAverageMemoryGroup(dateDimension,queue,institution));
});
function createAverageMemoryGroup(dimension, queue, institution)
{
var group = dimension.group()
.reduce(
function (p, v) {
if (v.Queue === queue && v.Institution === institution) {
++p.count;
p.queue = queue;
p.aggregateMemory += v.Memory/1000000;
p.averageMemoryUsed = p.count ? d3.round((p.aggregateMemory / p.count), 2) : 0;
}
return p;
},
function (p, v) {
if (v.Queue === queue && v.Institution === institution) {
--p.count;
p.aggregateMemory -= v.Memory/1000000;
p.averageMemoryUsed = p.count ? d3.round((p.aggregateMemory / p.count), 2) : 0;
}
return p;
},
function () {
return {
count: 0,
aggregateMemory: 0,
averageMemoryUsed: 0,
queue
};
});
return group;
}
然后为每个组创建一个组合:
var composition = createComposition(usedMemoryTimeChart, dateDimension, institutionGroups, institutions);
function createComposition(chart, dimension, groups, institutions)
{
var composition = [];
for (var i = 0; i < institutions.length; i++) {
composition.push(
dc.lineChart(chart)
.dimension(dimension)
.colors(getColor(i))
.group(groups[i], institutions[i])
.dashStyle([2, 2])
.valueAccessor(function (x) {
return x.value.averageMemoryUsed;
})
);
}
return composition;
}
我建议不要分组计算平均值。计算分子和分母。然后在显示数据时计算平均值。我认为您的问题更多的是您在同一组中反复调用
reduceSum
。您每次只是更换组的减速器。您需要为每个机构创建一个组,然后使用此技术将它们组合起来:(您还可以在一个组的单独属性上跟踪每个平均值。任何一种方法都有效。)谢谢Ethan!你的评论帮助我朝着更好的方向前进!这里是一个更新的小提琴: