D3.js density.bandwidth()函数

简介

density.bandwidth()函数是D3.js中用于生成密度估计的一种函数，它用于计算平滑核密度估计的带宽。带宽控制了贡献到估计的每个点的区域大小，从而影响估计的平滑程度。

语法

density.bandwidth([bandwidth])

参数

• bandwidth：可选参数，设置带宽的大小。如果未指定，则返回当前带宽，否则设置并返回 density 对象。如果输入的参数小于等于 0，则抛出一个异常：带宽必须是正数。

返回值

如果传入带宽参数，函数将返回 density 对象本身以实现链式编程；如果没有传入参数，则该函数返回 density 对象当前设置的带宽值。

示例

//创建一个从1到100的随机整数数组作为数据源
var data = d3.range(100).map(function(d) {
  return Math.floor(Math.random() * 100) + 1;
});

//创建一个density对象
var density = d3
  .density() 
  .sample(data)
  .bandwidth(10); //设置带宽

//获取和打印当前带宽
var bandwidth = density.bandwidth();
console.log('bandwidth: ', bandwidth); 

//创建一个SVG容器
var svg = d3.select('body').append('svg').attr('width', 500).attr('height', 500);

//添加一个路径 
svg
  .append('path')
  .attr('d', density) //传入density对象 
  .attr('fill', 'none')
  .attr('stroke', 'steelblue');

在上面的示例中，我们使用density.bandwidth()函数设置了带宽，并传入一个数据数组，最后将这个density对象传递给了一个SVG路径以绘制密度估计曲线。

参考文献

• D3.js density.bandwidth() API文档