添加填充到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>元素。