小编use*_*002的帖子

Javascript D3 直方图:产生错误数量的 bin 的阈值

我正在使用 D3 创建直方图 JS 脚本,它似乎一切正常……除了 bin 的数量。

以下是我的代码的相关部分:

//Define the scales for the x and y attributes
var x = d3.scaleBand()
    .range([0, width])
    .padding(configProperties.barPadding);
var y = d3.scaleLinear()
    .range([height,0]);

//Create the bins
var bins = d3.histogram()
    .domain(d3.extent(data))
    .thresholds(configProperties.binsCount)
    (data);

console.log("number of bins: " + bins.length); //9
console.log("intended number of bins: " + configProperties.binsCount); //10
Run Code Online (Sandbox Code Playgroud)

如果我将 configProperties.binsCount 设置为 9,bins.length 仍然是 9。如果我将 configProperties.binsCount 设置为 14,bins.length 仍然是 9。

如果我将 binsCount 设置为 15 或更高,但是... bins.length 输出 23。

我根据文档对 histogram.thresholds 如何工作的理解是,如果我给它一个值,它会将数据分成许多 + 1 …

javascript data-visualization histogram d3.js

2
推荐指数
2
解决办法
2770
查看次数

标签 统计

d3.js ×1

data-visualization ×1

histogram ×1

javascript ×1