D3 DataMaps:在气泡上传递气泡属性的OnClick事件

Question

我用D3和DataMaps做泡泡。当有人单击气泡时，我想添加自定义操作。这些操作需要传递气泡的属性，如气泡的名称。

如何将气泡的名称传递给该气泡的单击事件？

map.svg.selectAll('.bubbles').on('click', function(bubble) {
    console.log(bubble.name);
});

此代码段不起作用。我收到以下错误消息：

Uncaught TypeError: Cannot read property 'name' of undefined

我遵循文档中传递地理属性的相似实例：

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

我还读过这个非常相似的问题，它没有回答我关于传递泡沫属性的问题。

Answer 1

而不是这个

map.svg.selectAll('.bubbles').on('click', function(bubble) {
    console.log(bubble.name);
});

尝试：

d3.selectAll(".datamaps-bubble").on('click', function(bubble) {
    console.log(bubble);
});

希望这行得通！