获取与之相关的范围和颜色- Chroma.js

Question

我有一定的要求，在那里的用户将输入的颜色和值。

我使用的是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实现这一点。希望我的问题是清楚的。

Answer 1

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

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