javascript - 使用 dc.js 的均匀间隔的直方图 bins？

Question

Mike Bostock 使用以下代码片段为直方图生成间隔均匀的 bin:

var data = d3.layout.histogram()
.bins(x.ticks(20))
(values);

source

有什么方法可以使它适应使用 dc.js 和 crossfilter.js 的项目吗？

本质上，我想动态生成 bin，然后使用图表过滤特定属性。对此完全是新手。任何指导将不胜感激!

Answer 1

dc.js 通过交叉过滤器支持直方图。为您的条形图使用一个看起来像这样的组:

var binwidth = 0.2;
var dim = ndx.dimension(function(d) { return d.x; });
var group = dim.group(function(d) { return binwidth * Math.floor(d.x/binwidth); });

这告诉 crossfilter 使用键 binwidth 分开。

并用这些单位初始化条形图:

chart.xUnits(dc.units.fp.precision(binwidth));