Javascript ColorScale为两个相同颜色的值着色

Javascript ColorScale为两个相同颜色的值着色,javascript,d3.js,Javascript,D3.js,我正在与d3一起工作。我正在使用d3.scale.quantize()创建colorScale。但是,它将两个值0和1以相同的颜色着色。 你知道问题出在哪里吗 var extent = d3.extent(collection.features, function(d) { return d.properties.ausfaelle; }); console.log(区段[0])和console.log(扩展[1])返回0和27 x = 9 var colorScale = d3.sc

我正在与d3一起工作。我正在使用
d3.scale.quantize()
创建
colorScale
。但是,它将两个值
0
1
以相同的颜色着色。 你知道问题出在哪里吗

var extent = d3.extent(collection.features, function(d) {
    return d.properties.ausfaelle;
});
console.log(区段[0])
console.log(扩展[1])
返回
0
27

x = 9
var colorScale = d3.scale.quantize()
  .domain([extent[0], extent[1]])
  .range(colorbrewer.OrRd[x]);

var myData= paths
  .enter()
  .append("path")
  .style("fill", function(d) {
      return colorScale(d.properties.value);
  });

我不明白你的问题。由于只有9种颜色和28个值,因此
0,1,2
,然后
3,4,5
,然后
6,7,8
,将使用相同的颜色。。。最后,四个值的颜色相同:24、25、26和27。@GerardoFurtado啊,这很有道理。我错误地认为0将以“自己的”颜色着色。。。这个假设的来源是,你可以使用两种颜色范围内的线性比例。这样,你将有不同的颜色,在梯度。但是,现在,我可以告诉你,你在这里看到的行为是一个量子化尺度的预期行为。@GerardoFurtado我会读懂这些尺度以及它们是如何工作的。谢谢:)