在 d3.js 中反转色阶

是否可以在 d3 中创建具有颜色域和数字范围的比例？

我尝试了以下方法：

  var colorScale = d3.scale.linear().range(["red", "white"]).domain([3, 9.5])
  console.log('cs:', colorScale(4));
  console.log('cs:', colorScale.invert(colorScale(4)));

但输出并不十分令人鼓舞：

cs: #ff2727
cs: NaN

这是一项不可能完成的任务还是我做错了什么？

根据文档:

注意：仅当输出范围为数字时才支持反转运算符！ D3允许输出范围为任意类型；在底层，d3.interpolate 或您选择的自定义插值器用于将归一化参数 t 映射到输出范围内的值。因此，输出范围可以是颜色、字符串、甚至任意对象。由于没有工具可以“取消插入”任意类型，因此当前仅在数字范围上支持反转运算符。

所以不，你不能这样做。