Javascript ColorScale为两个相同颜色的值着色
我正在与d3一起工作。我正在使用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.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我会读懂这些尺度以及它们是如何工作的。谢谢:)