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

Javascript 获取与之关联的范围和颜色-Chroma.js,javascript,colors,Javascript,Colors,我有一个特定的要求,用户将输入颜色和值 例如,我正在使用 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 = col

我有一个特定的要求,用户将输入颜色和值

例如,我正在使用

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

我想这正是你想要的:

chroma.scale(['red'、'blue'、'green'])
.domain([0100])
.类别([0,33,65100])

对于特定值,您需要范围还是颜色?我需要范围和颜色。以地图中的choropleth为例。我需要显示一个带有范围和颜色的图例。色度文档说如果使用