D3 为什么 d3.histogram 数组为空

Question

这可能是一个简单的问题，但是为什么当我尝试将数据分配给d3.histogram 生成器时，我有 0 长度值数组？ 代码：

const data = [8,10,16];
const max = 16;
const binCount = data.length;
const width = 100;
const height = 100;

const scaleX = d3.scaleLinear()
    .domain([0, binCount])
    .range([0, width]);

const scaleY = d3.scaleLinear()
    .domain([0, max])
    .range([0, height]);

const bins = d3.histogram()
    .domain(scaleX.domain())
    (data);
    
console.log(bins);

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.13.0/d3.min.js"></script>

Answer 1

直方图的比例域必须是[0, biggest number in your data]，而不是[0, number of items in your data]

目前它忽略了任何大于 3 的值（基本上是所有数据点）

https://github.com/d3/d3-array/blob/master/README.md#histogram_domain

"直方图域定义为数组[min,max]，其中min是最小可观察值，max是最大可观察值；两个值都包括在内。任何超出该域的值都将被忽略什么时候生成直方图。”

const data = [8,10,16];
const max = 16;
const binCount = data.length;
const width = 100;
const height = 100;

const scaleX = d3.scaleLinear()
    .domain([0, d3.max(data)])
    .range([0, width]);

const scaleY = d3.scaleLinear()
    .domain([0, max])
    .range([0, height]);

const bins = d3.histogram()
    .domain(scaleX.domain())
    (data);
    
console.log(bins);

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.13.0/d3.min.js"></script>