D3 单选和函数调用答案

【问题标题】：D3 single select and function invocationD3 单选和函数调用
【发布时间】：2016-03-20 02:48:57
【问题描述】：

使用d3.select()成功选择后如何调用函数？

目前我有这个代码：

var selectedCircle = d3.select("circle");
if(selectedCircle) {
    // do stuff
}

我希望它是这样的：

d3.select("circle")
    .function()( 
          // do stuff
    );

我该怎么做？

附言

我知道 selectAll 有类似的功能：

d3.selectAll("circle")
    .each(function() {
            // do stuff
    });

【问题讨论】：

我不太明白...如果您遵循常见的d3模式，您通常会在选择之后执行一个功能...例如：d3.select("circle").append("直") 。有很多例子......你到底想做什么？选择一些东西然后做一个自定义功能？
是的，假设我想获取该选定圆的 2 个属性（可能是中心坐标），然后使用这两个 cx 和 cy 值打印输出警报对话框
看看each()函数。

【解决方案1】：

在选择时使用调用

d3.select("circle").call(function(selection){
    // do stuff on selection
});

【讨论】：