D3 sequential.interpolator能否仅使用光谱的部分区间？

当然可以！其实D3的顺序调色板（sequential interpolator）完全支持只使用光谱的部分区间——核心是通过调整插值器的输入范围，或者包装原插值器来实现，不用纠结它看起来只需要设置domain而没有range的问题。

方法一：包装原插值器，映射输入到目标区间 #

顺序插值器本身接受0到1之间的数值输入，返回对应的颜色。如果我们想只使用光谱的某一段（比如中间或下部区间），可以创建一个自定义插值函数，把原插值器的输入范围限制在目标区间内：

// 示例：只使用Viridis调色板的中间0.3-0.7区间
const partialViridis = (t) => {
  // 将0-1的输入映射到原插值器的0.3-0.7区间
  const scaledT = d3.scaleLinear().domain([0, 1]).range([0.3, 0.7])(t);
  return d3.interpolateViridis(scaledT);
};

// 用自定义插值器创建比例尺
const colorScale = d3.scaleSequential(partialViridis)
  .domain([yourMinDataValue, yourMaxDataValue]);

方法二：基于已有比例尺调整输入范围 #

如果已经有一个现成的顺序比例尺，想快速修改为使用部分光谱区间，可以直接在插值逻辑中调整输入的归一化范围：

// 先创建默认的全范围Plasma比例尺
const fullScale = d3.scaleSequential(d3.interpolatePlasma)
  .domain([0, 100]);

// 修改为只使用Plasma的下部0-0.4区间
const partialScale = d3.scaleSequential(t => {
  // 先把数据值归一化到0-1
  const normalized = (t - fullScale.domain()[0]) / (fullScale.domain()[1] - fullScale.domain()[0]);
  // 再映射到目标区间（这里是0到0.4）
  const scaled = normalized * 0.4;
  return d3.interpolatePlasma(scaled);
})
.domain([0, 100]);

原理说明 #

D3的顺序比例尺（scaleSequential）之所以看起来只需要设置domain，是因为它的“值域”就是插值器从0到1输入对应的完整光谱。我们通过包装插值器，相当于把原光谱的某一段“拉伸”成了新比例尺的完整值域，从而实现只使用部分光谱的效果。

这种方法适用于所有D3内置的顺序插值器（比如interpolateViridis、interpolatePlasma、interpolateMagma等），你可以根据需求自由调整区间的起止位置，甚至反转区间方向。

内容的提问来源于stack exchange，提问作者santoku