具有dc.js的均匀间隔直方图箱?

Pet*_*ete 3 javascript d3.js crossfilter dc.js

Mike Bostock使用以下代码段为直方图生成均匀间隔的二进制位:

var data = d3.layout.histogram()
.bins(x.ticks(20))
(values);
Run Code Online (Sandbox Code Playgroud)

资源

有没有办法让这个适应使用dc.js和crossfilter.js的项目?

基本上,我想动态生成垃圾箱,然后使用图表过滤特定属性.新手总数.任何指导将不胜感激!

Gor*_*don 11

dc.js通过crossfilter支持直方图.使用组的条形图看起来像这样:

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); });
Run Code Online (Sandbox Code Playgroud)

这告诉crossfilter分开使用键binwidth.

并使用以下单位初始化条形图:

chart.xUnits(dc.units.fp.precision(binwidth));
Run Code Online (Sandbox Code Playgroud)