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

我想有两个颜色范围，第二个必须由相同的颜色组成，但更亮

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”是一个字符串

---

提前感谢

您可以使用

brighter（）

功能（请参阅）：

---

您可以使用

brighter（）

功能（请参阅）：

---

这将在大多数情况下工作，但因为'红色'是r255 g0 b0它不工作，你将以相同的规模结束！这将在大多数情况下工作，但因为'红色'是r255 g0 b0它不工作，你将以相同的规模结束！

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