추가 패딩 내 d3.js 코드는 다음과 같은 HTML을 생성

Question

은

http://i47.tinypic.com/30uv1x1.png

경로는 그것의 하단에 텍스트 원을 렌더링 (이이 요소를 검사에서 찍은).

http://i47.tinypic.com/mt2ser.png

는 궁극적으로 나는 텍스트가 SVG 요소의 범위 내에서 원하에되고 싶어요. SVG 요소가 더 크면 G 요소가 더 크게 렌더링됩니다. G 요소의 크기 나 경로 요소의 크기를 제어해야합니다.

G 요소에 너비 및 높이 제약 조건이나 패딩을 어떻게 추가 할 수 있습니까? 그것은

조잡한 구글 검색이 어떤 통찰력에 대한

덕분에 매우 도움이 아니었다 스타일 width, height, x, y에 응답하지 않습니다.

Answer 1

요소는 실제로 렌더링되지 않습니다. 조정해야 할 요소는 <path> 및 <text>입니다.