【问题标题】:d3 choropleth map having problems with filling colorsd3 choropleth 地图填充颜色有问题
【发布时间】:2015-04-26 09:13:19
【问题描述】:

我按照 Mike Bostock 等值线示例尝试制作世界人口等值线图,但无法正确填充颜色。

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

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

提前谢谢你!

【问题讨论】:

  • 请编辑您的问题以包含代码和数据,而不是链接到它。如果链接失效,将无法为您提供帮助。

标签: javascript d3.js


【解决方案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 来利用所有细分市场。

【讨论】:

猜你喜欢
  • 1970-01-01
  • 2019-01-14
  • 2016-01-11
  • 2020-11-08
  • 2016-12-11
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2023-03-28
相关资源
最近更新 更多