尝试为地图 D3，js v4 中的空值分配颜色答案

【问题标题】：Trying to Assign Color for Null values in a map D3,js v4尝试为地图 D3，js v4 中的空值分配颜色
【发布时间】：2018-03-23 15:40:28
【问题描述】：

我正在创建威斯康星州县的地图。它看起来很棒，只是其中一个县的值为“null”，在地图上显示为 0。

我手动创建了色标，但无法弄清楚如何用空值将县变灰。

有什么想法吗？

这是我用来定义颜色的代码

    var color = d3.scaleThreshold()
        .domain([0.16,0.31,0.47,0.58,0.94,1.15,1.41,2.02,3.36,6.47])
        .range(["#f7fcf0","#e0f3db", "#ccebc5", "#a8ddb5", "#7bccc4", 
        "#4eb3d3", "#2b8cbe", "#0868ac", "#084081", "#062953"]);

我尝试在域中添加“null”并向范围添加相应的颜色，但没有任何作用。

【问题讨论】：

标签： javascript d3.js mapping

【解决方案1】：

处理色标中特殊情况的一种简单方法是不将色标直接传递给d3.attr / d3.style，而是将其包装在一个匿名函数中并在那里检查：

counties
    .attr('fill', d => d === null ? 'grey' : color(d))

【讨论】：