d3.js颜色范围和颜色范围较浅

Question

我想要两个颜色范围，第二个颜色范围必须包含相同的颜色，但较亮。

rangeLength=10 
color = d3.scale.linear().domain([1,rangeLength]).range(['red', 'blue']); 
colorLigher= d3.scale.linear().domain([1,rangeLength]).range(['red'.lighter(10), 'blue'.lighter(10)]); 

显然不起作用，因为'红'是一个字符串。

在此先感谢

Answer 1

可以使用brighter()功能（参见the documentation）：

length=10 
color = d3.scale.linear().domain([1,length]).range(['red', 'blue']); 
colorLighter= d3.scale.linear().domain([1,length]) 
     .range([d3.rgb('red').brighter(), d3.rgb('blue').brighter()]);