javascript - 在 D3 中添加 SVG 元素

Question

浏览 D3.js 教程，我看到了两种不同的约定，我不确定有什么区别，因为它们都产生相同的代码：

1)

var chart = d3.select("body")
              .append("svg:svg")  
              .attr("class", "chart")
              .attr("width", w * data.length - 1)
              .attr("height", h);

    chart.selectAll("rect")
        .data(data)
        .enter().append("svg:rect")

2)

var chart = d3.select("body")
              .append("svg")  
              .attr("class", "chart")
              .attr("width", w * data.length - 1)
              .attr("height", h);

    chart.selectAll("rect")
        .data(data)
        .enter().append("rect")

有人可以解释 append("svg") 和 append("svg:svg") 之间的区别以及为什么我会使用其中一个吗？

Answer 1

该svg:部分指定它之后的元素的名称空间，即名称空间中的svg元素svg。建议在旧版本的 d3 中指定这一点，否则可能会被错误地解释，但在最近的版本中没有必要这样做。