2013-02-19 33 views
6

đang d3.js tôi tạo ra mã HTML sau đây (điều này được lấy từ kiểm tra nguyên tố)thêm padding để yếu tố svg g

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

Các đường vẽ lại một hình tròn với các văn bản ở dưới cùng của nó.

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

Cuối cùng, tôi muốn các văn bản để được THEO vòng tròn trong phạm vi của phần tử SVG. Nếu phần tử SVG lớn hơn, phần tử G sẽ hiển thị lớn hơn. Tôi cần điều khiển kích thước của phần tử G hoặc kích thước của các phần tử đường dẫn.

Làm cách nào để thêm các hạn chế chiều rộng và chiều cao hoặc phần đệm vào phần tử G? Nó không đáp ứng với width, height, x, y trong phong cách

lướt qua tìm kiếm google không phải là rất hữu ích

nhờ cho bất kỳ cái nhìn sâu sắc.

+0

Phần tử 'g' không thực sự hiển thị, đó là các phần tử' đường dẫn' và 'văn bản' mà bạn cần điều chỉnh. – robertc

+0

@robertc cảm ơn công việc này, thêm nó làm câu trả lời và tôi sẽ chấp nhận nó – CQM

Trả lời

7

Phần tử <g> không thực sự hiển thị, đó là các yếu tố <path><text> bạn cần điều chỉnh.

Các vấn đề liên quan