如何在d3.js中将颜色传递给基于值数组的仪表图？

var svg = d3.select("body")
  .append("svg")
  .attr("width", width)
  .attr("height", height);

var colorScale = d3.scaleLinear()
  .domain([minValue, maxValue]) // 设置数值范围
  .range(["#ff0000", "#00ff00"]); // 设置颜色范围

var colors = data.map(function(value) {
  return colorScale(value);
});

var arcs = d3.arc()
  .innerRadius(innerRadius)
  .outerRadius(outerRadius);

svg.selectAll("path")
  .data(data)
  .enter()
  .append("path")
  .attr("d", arcs)
  .attr("fill", function(d, i) {
    return colors[i];
  });