2016-08-03 3 views
0

안녕하세요는 다음을 수행 할 수 있는지 알아 내려고 노력하고있어 차트의 각 "섹션"(가운데 다른 색). D3에서이 작업을 수행 할 수 있습니까? 그렇다면 어떻게 달성 할 수 있을까요? 어떤 도움을 주시면 감사하겠습니다.D3 추가/위치 텍스트

현재 각 개별 사각형에 나타납니다.

 cell.append("svg:text") 
     .attr("x", function(d) { return d.dx/2; }) 
     .attr("y", function(d) { return d.dy/2; }) 
     .attr("dy", ".35em") 
     .text("test") 
     .style("opacity", function(d) { console.log(this.getComputedTextLength());d.w = this.getComputedTextLength(); return d.dx > d.w ? 1 : 0; }); 

여기에 전체 코드입니다 : http://jsfiddle.net/noobiecode/9ev9qjt3/74/

+1

코드를 추가하거나 [mcve]를 JSFiddle 등으로 설정하는 것이 바람직합니다. – altocumulus

+0

나는 덧붙였다지만, 바이올린 URL을 생각했지만 틀렸어. 질문을 편집하여 지금 추가되었습니다. – user3837019

답변

0

가 대답하기 어렵다 코드없이,하지만 당신은 당신의 텍스트 요소에 .attr("text-anchor", "middle")를 추가로 시작에 대해 내가 어떻게 텍스트를 추가 할 경우 여기에 enter image description here

입니다 ?

+0

나는 그것을 시도했지만 모든 것은 내가 원하는 것이 아닌 각 사각형의 중간에 텍스트를 추가하는 것이다. 나는 각 그룹의 중간에 그것을 가지고 싶다. (내가 질문 한 이미지 1을 보라). – user3837019