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])

关于javascript - 获取与之关联的范围和颜色 - Chroma.js，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35843754/