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

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

提前致谢

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