我正在尝试生成一个用于生成区域分布图的分位数标度的键。分位数标度有11种颜色的范围，但我似乎只能为11种颜色中的10种生成一个键。
下面是分位数尺度的代码：

const educMin = d3.min(mapData.objects.counties.geometries, d => d.properties.bachelorsOrHigher);
  const educMax = d3.max(mapData.objects.counties.geometries, d => d.properties.bachelorsOrHigher);
  const colourScale = d3.scaleQuantile()
                        .domain([educMin, educMax])
                   .range(['#fff5eb','#fee8d3','#fdd8b3','#fdc28c','#fda762','#fb8d3d','#f2701d','#e25609','#c44103','#9f3303','#7f2704']);

下面是图例的代码：

const legendBars = colourScale.quantiles()

 const legend = map.append('g')
                   .attr('id', 'legend')
                   .attr('transform', 'translate(495, 550)');

  legend.selectAll('rect')
        .data(legendBars)
        .enter()
        .append('rect')
        .attr('fill', function(d) {
          return colourScale(d)
         })
        .attr('x', (d, i) => 20 * i)
        .attr('width', 20)
        .attr('height', 20);

这仅生成分位数比例中指定的11种颜色中的10种：

链接到完整的codepen：（https://codepen.io/luke-worley/pen/YzvXMjM）（英文）
有谁能解释一下如何生成一个11种颜色的图例吗？