获取与之相关的范围和颜色 - 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

我认为{{3}}正是您想要的：

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