添加填充到svg g元素

Question

我的d3.js代码生成以下HTML(这是从inspect元素中获取的)

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

路径在其底部呈现带有文本的圆圈.

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

最终,我希望文本在SVG元素范围内的圆圈之下.如果SVG元素较大,则G元素变大.我需要控制G元素的大小或路径元素的大小.

如何向G元素添加宽度和高度约束或填充？它不响应width,height,x,y在风格

粗略的谷歌搜索不是很有帮助

感谢任何见解.

Answer 1

该<g>元素并没有真正呈现在所有的,它是<path>和<text>你需要调整的元素.