2016-03-07 119 views
2

我有一个特定的要求,在用户将输入颜色和值。获取与它相关的范围和颜色 - Chroma.js

我使用chroma.js,例如说

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

,现在我已3用户自定义颜色和muliple值。我使用chroma.js来获取特定值的颜色。

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

我的问题是,我需要像

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

请帮助我如何做到这一点使用chroma.js。希望我的问题很明确。

+0

你需要一个范围或特定值的颜色? –

+0

我需要范围和颜色。以地图中的choropleth为例。我需要用范围和颜色来显示图例。 –

回答

1

我觉得scale.classes是你想要什么:

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