d3.js - 如何在 [0, 1] 以外的域中使用 d3-scale-chromatic 函数？

Question

这是我的代码:

var color = d3.scaleLinear()
    .domain([0, 10000])
    .interpolate(d3.interpolateBlues);
console.log(color(5000));

我没有告诉我 5000 对应于浅蓝色，而是收到错误“r0 不是函数”。我做错了什么？

Answer 1

好的，明白了。如果使用 d3.interpolateBlues 等定义范围本身的函数，则必须使用 d3.scaleSequential 而不是 d3.scaleLinear。正确的代码是:

var color = d3.scaleSequential(d3.interpolateBlues)
    .domain([0, 10000])
console.log(color(5000));

参见https://github.com/d3/d3-scale#sequential-scales