带有dc.js的均匀间隔直方图仓

Uniformly-spaced histogram bins with dc.js?

本文关键字：直方图 dc js 带有      更新时间：2023-09-26

Mike Bostock使用以下片段为直方图生成均匀间隔的仓：

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

源

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

从本质上讲，我想动态生成bin，然后使用图表来过滤特定的属性。完全是新手。如有任何指导，我们将不胜感激！

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

此操作会告诉交叉过滤器使用分隔的键binwidth。

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

chart.xUnits(dc.units.fp.precision(binwidth));
相关文章：