1

我试图在 JSfiddle 上创建一些关于 d3 的问题，但我被一个意想不到的问题所困扰——我在“”中g创建的“”元素svg拒绝接受我给它的任何尺寸！

我尝试过使用内联样式、类（包括“ !important”），但似乎没有任何效果。尺寸卡住了0,0，检查显示宽度和高度是“ auto”（为什么？！）

这似乎是一个微不足道的问题，但对于我的生活，我似乎无法让“ g”元素接受宽度和高度值

见 JSFiddle：http: //jsfiddle.net/sangil/uKLU3/

4

1 回答 1

3

<g>是一个自动调整大小的容器。它本身没有尺寸，但它总是自动调整自身大小以包含其所有内容。

您没有看到任何内容的原因是 SVG（与 html 不同）不使用样式而是使用属性来调整大小。所以你要

g.append("rect")
    .attr("width", "300px")
    .attr("height", "200px")
    .style("fill", "steelblue");
于 2013-10-24T12:55:42.053 回答