我试图使用以下代码在函数调用中将一些形状附加到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/
感谢任何帮助或建议。