javascript - dc.js 数字显示小部件

Question

我是 dc.js 的新手...老实说，我对数字显示小部件的情况一无所知。我尝试查看该示例，并将其部分内容逐字复制到我的代码中，希望它能够工作(但知道它不会)。我的目标是显示折线图的平均值(sat 分数)(会根据交叉过滤器而变化)。有什么建议吗？...

var ndx = crossfilter(csv);
var all = ndx.groupAll();
var bysat = ndx.dimension(function(d) { return d.compositesat; });

var boxND = dc.numberDisplay("#number-box");

var satavgnum = bysat.group().reduce(
          function (p, v) {
              ++p.n;
              p.tot += v.compositesat;
              return p;
          },
          function (p, v) {
              --p.n;
              p.tot -= v.compositesat;
              return p;
          },
          function () { return {n:0,tot:0}; }
      );

var average = function(d) {
    return d.n ? d.tot / d.n: 0; };

boxND
    .formatNumber(d3.format(".3s"))
    .valueAccessor(average)
    .group(satavgnum);

Answer 1

“这不起作用。”你得到什么结果？ 0？南？空白？

如果您看到结果但它是错误的，那么是时候拉出调试器并查看数据有什么问题了。这里有一些提示:

https://github.com/dc-js/dc.js/wiki/FAQ#tell-whether-my-groups-are-functioning-correctly--whether-my-input-data-is-good

如果您没有得到任何结果，请尝试将一些初始文本放入 #number-box div 中，然后查看它是否被覆盖。

确实，看起来您已经非常忠实地复制并粘贴了 Examples/number.html，如果没有 fiddle 或至少没有数据示例，很难说出出了什么问题。