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이다.