d3.histogram直方图

直方图

在这里插入图片描述
将离散的一组数据统计在多个不重叠的连续区间中,查看数据的分布情况。

api

histogram(data)

返回一个分箱数组,每个分箱中包含部分data中的数据,还包含三个额外的属性:length: 数据的个数 x0:分箱的最小值 x1:分箱的最大值

const histogram = d3.histogram()
    .domain([ 0, 100 ])
const bins = histogram( [
    8, 11, 32, 24, 66, 88, 58, 99
] )
console.log(bins)
// [
//     { 0: 8, 1: 11, x0: 0, x1: 20, length: 2 },
//     { 0: 32, 1: 24, x0: 20, x1: 40, length: 2 },
//     ...
// ]

histogram.value

指定值访问器。

const data = [ {
    price: 22 } ]
const bins = d3.histogram()
    .value(d => d.price)(data)

histogram.domain

设置数据的输入区间范围,区间外的值会被过滤。默认为输入数据的最小最大值:[min, max]

histogram.thresholds

设置阀值生成器,可以是数字 数组返回数字和数组的函数。通过阀值,可以设置每个分箱的左右边界。

1.数字,

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值