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

标签 javascript dc.js crossfilter

我是 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);

最佳答案

“这不起作用。”你得到什么结果? 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 或至少没有数据示例,很难说出出了什么问题。

关于javascript - dc.js 数字显示小部件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26285923/

相关文章:

javascript - 将函数绑定(bind)到事件后使用 "this"访问对象本身

javascript - 使用带有地址的谷歌地图 GDirections

javascript - dc.js 响应式 geojson 美国 map

javascript - 如何区分 "0"值和 dc.js geoChoroplethChart 中过滤掉的值?

javascript - 如何参数化对象的属性以便在 crossfilter.js 中使用?

javascript - Vue.js 同一组件问题的多个实例

javascript - 使用axios创建post请求后,header值在服务器端返回null

javascript - 在交叉过滤器对象中切片数据

javascript - D3 交叉过滤器分组

javascript - 在 dc 图表库中限制折线图放大最多小时