d3js 使用 .append(function(){}) 添加元素

【问题标题】：d3js adding element using .append(function(){})d3js 使用 .append(function(){}) 添加元素
【发布时间】：2015-06-29 00:54:59
【问题描述】：

你知道为什么用 d3 显示一个圆圈吗：

node.append("circle")

但不是这个：

node.append(function () {
  return document.createElement("circle");
})

DOM结果一模一样，只是第二种情况下看不到圆圈

【问题讨论】：

标签： d3.js

【解决方案1】：

该元素是在错误的命名空间中创建的——您需要明确指定 SVG 命名空间才能使其工作，因为 Javascript 不会自动推断它：

return document.createElementNS(d3.ns.prefix.svg, "circle");

【讨论】：