D3无法从函数内附加到SVG

时间:2015-06-10 15:30:31

标签: javascript svg d3.js

我试图使用以下代码在函数调用中将一些形状附加到SVG块...

function generateNodes(){
    var data = [[0,0],[100,100]];
    d3.select("svg").selectAll("circle")
        .data(data)
      .enter().append("circle")
        .attr("class","test")
        .attr("r", 5)
        .attr("cx", function(d){ return d[0]; })
        .attr("cy", function(d){ return d[1]; });
}

然而,在控制台中调用generateNodes()后,SVG中没有出现任何内容。当我尝试..

d3.selectAll(".test")

它返回一个长度为0的数组,暗示没有任何内容插入到DOM中。

这使我认为这是.enter()或.data()函数未正确使用的问题。

我尝试在JSfiddle中编写一个似乎正在工作的示例,这使得上面的代码更加混乱。 http://jsfiddle.net/LLbf3x0c/

感谢任何帮助或建议。

0 个答案:

没有答案