如何爲每個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。