獲取與它相關的範圍和顏色 - Chroma.js

Question

我有一個特定的要求，在用戶將輸入顏色和值。

我使用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。希望我的問題很明確。

Answer 1

我覺得scale.classes是你想要什麼：

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