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

时间:2015-04-03 19:31:31

标签: javascript d3.js dc.js crossfilter

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

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

source

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

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

1 个答案:

答案 0 :(得分:10)

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); });

这告诉crossfilter分开使用键binwidth。

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

chart.xUnits(dc.units.fp.precision(binwidth));
相关问题