使用dc.js numberDisplay进行计算

Question

我想根据dc.js中两个单独的numberDisplays的值进行进一步的计算

这是代码，

function makeGraphs(data) {

xf = crossfilter(data);
all = xf.groupAll();
txntypeDim = xf.dimension(function(d) { return d.txntype; });
sumAllTXN = txntypeDim.groupAll().reduceSum(function(d) {return d.txnamount;});

numberRecordsND = dc.numberDisplay("#number-records-nd",groupname)
numberRecordsTXN = dc.numberDisplay("#number-records-txn",groupname)

   numberRecordsND
    .formatNumber(d3.format("d"))
    .valueAccessor(function(d){return d; })
    .group(all);

   numberRecordsTXN
    .formatNumber(function(d){return d; })
    .valueAccessor( function(d) { return d; } )
    .group(sumAllTXN);

dc.renderAll(groupname);

}

我想在另一个div中显示numberRecordsTXN / numberRecordsND的百分比。有什么办法可以做到这一点？

修改：解决方案代码；

function makeGraphs(data) {

xf = crossfilter(data);
all = xf.groupAll();
txntypeDim = xf.dimension(function(d) { return d.txntype; });
sumAllTXN = txntypeDim.groupAll().reduceSum(function(d) {return d.txnamount;});

numberRecordsND = dc.numberDisplay("#number-records-nd",groupname)
numberRecordsTXN = dc.numberDisplay("#number-records-txn",groupname)
numberRecordsAVG = dc.numberDisplay("#number-records-avg",groupname)

   numberRecordsND
    .formatNumber(d3.format("d"))
    .valueAccessor(function(d){return d; })
    .group(all);

   numberRecordsTXN
    .formatNumber(function(d){return d; })
    .valueAccessor( function(d) { return d; } )
    .group(sumAllTXN);

   numberRecordsAVG
   .formatNumber(d3.format("d"))
   .valueAccessor(function(d){return d; })
   .group(groupall_percent(numberRecordsTXN, numberRecordsND));

dc.renderAll(groupname);

};

function groupall_percent(numerator, denominator) {
  return {
    value: function() {
      return numerator.value() / denominator.value();
    }
  };
};

Answer 1

numberDisplay的输入非常简单-它的group（groupAll）期望有一个confusing I know对象，而这只是一个带有{{ 1}}方法。

因此，您可以轻松地创建一个伪造的groupAll，它从另外两个groupAll产生一定百分比：

.value()

您将像示例中的其他groupAlls一样使用结果对象。

但是请注意，您的示例不符合您的描述。百分比始终是一个计数除以另一个计数再乘以100。但是，您的示例是金额之和除以一个计数所得的平均值。

要平均使用此代码，请删除function groupall_percent(numerator, denominator) { return { value: function() { return numerator.value() / denominator.value() * 100; } }; } 部分。