使用d3.geomap显示具有自定义颜色的等值区域图

时间:2016-11-26 02:30:08

标签: javascript d3.js data-visualization geomap

我正在尝试修改此示例中的代码(https://d3-geomap.github.io/map/choropleth/custom-domain/),以便它可以处理比1/0值更大范围的数据。

基本上,我有一个CSV文件,根据我定义的自定义分组,我在其中将值从1到13附加到不同的国家/地区,我希望能够为每个数字选择特定的颜色。我尝试将数据域更改为[1,13]或[1,2,...,13]并相应地设置颜色,但这些方法都不起作用。我不确定我是否完全理解域属性,并想知道是否可以(如果是这样,如何)进行自定义着色。

以下是我尝试过的两件事:

var map = d3.geomap.choropleth()
.colors(['green','red'])
.domain([1, 13])
....

var map = d3.geomap.choropleth()
.geofile('countries.json')
.colors(['green','red', 'blue', 'orange', 'yellow', 'purple', 'violet', 'black', 'brown', 'green', 'red', 'blue', 'orange'])
.domain([1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13])

0 个答案:

没有答案