从topoJSON（D3）中选择国家/地区ID

Question

我跟着这个tutorial “解释了一个简单的d3.js地图”。我想创建一个地图并改变一个国家的颜色。

我简化了教程，只显示了此Plunk

中的地图

我想我可以通过topoJSON中的id找到一个国家

   {"type": "Polygon",
    "id": 604,
    "arcs": [
      [133, -473, -448, -378, -374, -413]
     ]
   },

我知道英国是“id”：826。我应该使用id来改变一个国家的颜色吗？我该怎么做呢？

Answer 1

您可以使用.filter选择您感兴趣的国家/地区，然后按照自己的方式进行处理。

示例：

// select a country by Id and change its styling
g.selectAll('path')
  .filter(function(d) {
    return d.id === 826 
  })
.style('fill', 'red')

演示：Updated plunk。