javascript - 获取与其关联的范围和颜色-Chroma.js

我有一个特定的要求，用户可以在其中输入颜色和值。

例如，我正在使用chroma.js

var scale = chroma.scale(['color1','color2','color3']).domain([0,3,10,80,100]);

所以现在我有3个用户定义的颜色和多色值。我正在使用chroma.js来获取特定值的颜色。

scale(10).hex() // Will give me a #color

我的问题是，我需要类似

0 - 30 = color1
30 - 65 = color2
65 - 100 = color3

请帮助我如何使用chroma.js实现此目的。希望我的问题清楚。

最佳答案

我认为scale.classes正是您想要的：

chroma.scale(['red','blue','green'])
    .domain([0,100])
    .classes([0,33,65,100])