以下代码段将d3.geo.circle()对象添加为svg元素中的path元素。代码是:
var g = svg.append("g");
var circles = g.selectAll("path.circle");
var circle = d3.geo.circle();
circles = circles.data(d3.values(data));
circles
.enter()
.append("path");
.datum(function(d) {
return circle
.origin([d.lon, d.lat])
.angle(0.2)();
})
.attr("class", "circle")
.attr("d", path);
现在,我想在这些圈子上添加say,一个mouseOver事件,它将记录(打印)纬度 - 经度信息,我无法访问如下:
g.selectAll('path.circle')
.on("mouseover", function(d,i) {
console.log(d.lat + "-" + d.lon);
});
我知道'd'代表d3.geo.circle对象,但我无法弄清楚如何到达数据[i]?