D3缩放不将颜色映射到值

时间:2017-05-15 20:19:23

标签: javascript d3.js

我正在尝试创建一个缩放比例整数到确定圆的填充的颜色。

我已尝试使用d3.scaleThreshold来“抢占”域中的值,但无济于事。就目前而言,比例将所有值映射为一种颜色。

非常感谢这里的任何指示!

代码:

start = Timer

FSO.CopyFile sourcePath, pastePath
FSO.CopyFolder sourcePath, pastePath

duration = Timer - start

1 个答案:

答案 0 :(得分:1)

使用量化比例

https://jsfiddle.net/erxws2c8/

var colours = ["#6363FF", "#6373FF", "#63A3FF", "#63E3FF", "#63FFFB",
"#63FFCB","#63FF9B", "#63FF6B", "#7BFF63", "#BBFF63", "#DBFF63",           
"#FBFF63","#FFD363", "#FFB363", "#FF8363", "#FF7363", "#FF6364"];

var heatmapColour = d3.scaleQuantize()
.domain(d3.range(0, 1, 1.0 / (colours.length - 1)))
.range(colours);

你在d3.range((0, 1, 1.0 / (colours.length - 1)))中还有一组额外的括号,导致函数看到1个参数而不是3个。

您可能还需要考虑分位数比例。