d3 - 获取与元素绑定的数据

时间:2015-02-25 15:34:24

标签: javascript d3.js javascript-databinding

以下代码段将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]?

0 个答案:

没有答案