我们如何创建一个d3数据映射的onclick事件？

Question

我建立一个D3数据映射： http://datamaps.github.io/

当我点击一个国家，我希望边框来改变颜色。如何使用数据地图将onclick事件分配给d3路径？ svg路径似乎缺少CSS ID以及任何标识挂钩。

Answer 1

您可以使用jQuery “来完成：功能”，并在指定（ “点击”）如下：

done: function(datamap) { 
     datamap.svg.selectAll('.datamaps-subunit').on('click', function(geography) { 
      alert(geography.properties.name); 
     }); 
    } 

参考https://github.com/markmarkoh/datamaps进一步的细节。

Answer 2

您需要同时拨打done以及updateChoropleth功能。例如，把每个国家的黑，你会怎么做：如果您使用的是GitHub的项目

done: function(datamap) { 
    datamap.svg.selectAll('.datamaps-subunit').on('click', function(geography) { 
     var m = {}; 
     m[geography.id] = '#000000'; 
     datamap.updateChoropleth(m); 
    }); 
}