如何为每个svg元素添加单个标签？

Question

我试图简单的数据标签添加到this example

svg.selectAll("text") 
     .data(data) 
     .enter() 
     .append("text") 
     .attr("text-anchor", "middle") 
     .attr("fill", "red") 
     .text(function(d) { return d[0] }); 

，但它在我认为这是因为该图被拆分成几个单独的SVG元素的所有标签中写入的所有数据。我怎样才能解决这个问题？

Fiddle

Answer 1

你已经绑定数据到SVGs，所以没有必要为你再次将其绑定到text元素。 svg实际上是这里SVGs的选择，因此，所有你需要做的就是

svg.append("text") 
     .attr("text-anchor", "middle") 
     .attr("fill", "red") 
     .text(function(d) { return d[0] }); 

完整的示例here。