colors - 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()功能（请参阅文档）：

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