Javascript 将不透明度添加到d3颜色比例

有没有办法告诉

d3

在

colorScale

中使用不透明度

假设我有

const colorScale = scaleLinear()
    .range(colorRamp)
    .clamp(true);

其中

colorRamp

为

const colorRamp = ["#ff70....", ] <- 30 colors in the array

---

const colorRamp=[“#ff70…”，]您可以指定rgba颜色，以使用d3比例在填充中包括不透明度：

var color = d3.scaleLinear()
  .domain([1,10])
  .range(["rgba(0,0,0,0)","rgba(0,0,0,1)"]);


var color=d3.scaleLinear（）
.域（[1,10]）
.范围（[“rgba（0,0,0,0）”，“rgba（0,0,0,1）”）；
var svg=d3.选择（“主体”）
.append（“svg”）；
var background=svg.append（“rect”）
.attr（“宽度”，500）
.attr（“高度”，200）
.attr（“填充”、“橙色”）；
var rects=svg.selectAll（空）
.数据（d3.范围（10））
.输入（）
.附加（“圆圈”）
.attr（“cy”，50）
.attr（“cx”，函数（d）{返回d*15+15；}）
.attr（“fill”，函数（d）{返回颜色（d）；}）
.attr（“r”，6）