0
我在D3库中使用了3种不同的缩放分位,量化和线性颜色范围。分位数和量化似乎工作得很好,在线性标尺似乎不工作。D3线性缩放 - 颜色代码不匹配
以下是示例代码。
var measures = [1,2,3,4,5,6,7,8,9];
var colorScale = ["#f7fcfd", "#ccece6", "#66c2a4", "#238b45", "#00441b"];
var scale = d3.scale.linear().domain(measures).range(colorScale);
document.write('Linear ');
document.write(scale(1) + ',' + scale(2) + ',' + scale(3) + ',' + scale(6) + ',' + scale(7) + ',' + scale(8) + ',' + scale(9)+' ');
scale = d3.scale.quantize().domain(measures).range(colorScale);
document.write('Quantize ');
document.write(scale(1) + ',' + scale(2) + ',' + scale(3) + ',' + scale(4) + ',' + scale(5) + ',' + scale(6) + ',' + scale(7)+' ');
链接Fiddle
你可以清楚地看到值9,8,7,6线性缩放的情况下是#000。但在量化它的工作正常。
请在这种情况下帮助我在哪里出错。
希望我的问题很明确。谢谢你期待的帮助。