d3等值线地图有填充颜色的问题

时间:2015-04-26 09:13:19

标签: javascript d3.js

我跟着迈克·博斯托克(Mike Bostock)等人试图制作一个世界人口等值线图,但我无法正确填充颜色。

这是我的代码和我的数据: http://bl.ocks.org/jeremycflin/572ca92be1dfe68ac0d3

真的,任何可以带我走向正确方向的答案或帮助都将非常感激。

提前谢谢!

1 个答案:

答案 0 :(得分:1)

也许尝试不同的规模?中国有很多人,将大多数国家推向了低端市场。

从第4位开始的每个人都将处于最低段。

quantize(1330141295) // China
>"q8-9"

quantize(1173108018) // India
>"q7-9"

quantize(310232863) // United States
>"q2-9"

quantize(242968342) // Indonesia
>"q1-9"

quantize(201103330) // brazil
>"q1-9"

如果您使用例如巴西人口的比例替换您的最大值,您将看到将使用更多颜色。

var quantize = d3.scale.quantize()
        .domain([0,201103330])
        .range(d3.range(9).map(function(i) { return "q" + i + "-9"; }));

您还可以使用the quantile scale来使用所有细分。