我正在构建一个d3数据地图:http://datamaps.github.io/
当我点击一个国家时,我希望边框的颜色改变。如何使用datamaps为d3路径分配onclick事件?SVG路径似乎缺少CSS ID以及任何标识钩子。
done: function(datamap) {
datamap.svg.selectAll('.datamaps-subunit').on('click', function(geography) {
alert(geography.properties.name);
});
}
请参考 https://github.com/markmarkoh/datamaps 了解更多详细信息。
done
回调函数和updateChoropleth
函数。例如,若要将每个国家变为黑色,您可以执行以下操作:done: function(datamap) {
datamap.svg.selectAll('.datamaps-subunit').on('click', function(geography) {
var m = {};
m[geography.id] = '#000000';
datamap.updateChoropleth(m);
});
}