2012-12-05 122 views
1

经历D3.js教程,我看到两个不同的约定,我不知道有什么区别,因为它们都产品的同一代码:附加SVG元素D3

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” 的区别),并追加 “(SVG:SVG”),为什么我会用一个或其他?

回答

4

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

+0

感谢您的快速回复 – josephmisiti