Javascript dc.js:我如何计算缩减子仓的平均值?

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

我有来自虚拟机集群的信息,我正试图在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 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!你的评论帮助我朝着更好的方向前进!这里是一个更新的小提琴: