嘗試爲地圖中的空值賦值顏色D3，js v4

Question

我正在創建WI郡的地圖。它看起來很棒，除了其中一個縣的值爲「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"]); 

我嘗試添加在域「空」，並加入相應的顏色範圍內的代碼，但沒有做任何事情。

Answer 1

一個簡單的方法來處理特殊情況下，在你的色標是不是規模直接傳遞到d3.attr/d3.style，但在一個匿名函數包裝，並檢查有：

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