d3.js로 SVG 차트의 제목을 가운데에 배치하는 방법은 무엇입니까?

Question

DEMO : I는 두 개의 축으로 간단한 SVG를 생성하고, 그래프의 제목으로 게재하는 text 요소를 추가 한 http://jsfiddle.net/29j6ozqn/

. 그러나 나는 차트의 중간 점 위에 제목을 집중시키는 신뢰할만한 방법을 찾을 수 없습니다. 텍스트 요소의 가운데에있는 중간 부분을 x 축의 '0.5'눈금 위에 정렬하고 싶습니다. 시각적으로 저에게는 차트의 중간입니다.

일반 텍스트 문자열의 길이가 중요하지 않다는 것을 의미하는 일반 솔루션을 원합니다. 가운데는 항상 '0.5'이상입니다. 또한 문제가되지해야 x 축이 축 어떤 종류의

Answer 1

사용 text-anchor: middle 또는 text-align: center 대신 text-anchor: start (는 선형, 순서 등의 여부) : Fiddle.