javascript - 使用d3.geomap显示1/0数据

Question

我有 CSV 数据，其中值可以是 1、0 或空白。我想让它与 d3-geomaps 一起使用。

这是一个Snapshot of my CSV .

如果我将其设置为从“1802”列读取，因为它恰好混合了 1 和 0，则 map 将按预期工作。绿色 = 0，红色 = 1。

但是，如果我从“1800 或 1801”列中读取，因为它们都是 0，所以所有国家/地区都会变灰。但我希望它为所有 0 显示绿色。

我的代码:

var customColors = ['green','red','red'];
        var map = d3.geomap.choropleth()
            .geofile('../d3-geomap/topojson/world/countries.json')
            .colors(customColors)
            .column(y)
            .format(format)
            .legend(false)
            .unitId('Country');

       d3.csv('CSVs/data.csv', function(error, data) {  
            d3.select('.map')
                .datum(data)
                .call(map.draw, map);

我的问题是，是否可以使用 d3.geomap 来处理 1/0 数据？如果是这样，我怎样才能做到这一点？

注意:

如果您在使用我的 CSV 快照时遇到问题，以下是我的 CSV 的纯文本格式:

Country,1800,1801,1802
AGO,0,0,0
ARG,0,0,1
AUS,0,0,0
AUT,,0,0

Answer 1

当您创建 map 对象时，您可以设置数据域，如 this new example map 中所示。 .

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

不幸的是，CSV 中的空值也会呈绿色，除非您事先将它们转换为 NaN。这很可能表明 d3.geomap 中存在错误，我需要研究该错误。

我在刚刚发布的版本 1.0.2 中修复了空值和 NaN 值的着色和工具提示。