google-chrome - d3 svg rect 不会在 chrome 中呈现

Question

我用 d3 库制作了一个条形图（主要在 firefox 中工作和测试），后来注意到 chrome 中的fill属性svg rect没有渲染，因此只显示x和y轴。

同样的事情发生在 safari iOS 中（我不能大力测试，但检查它是否只发生在 chrome 中）。

有人知道为什么是这样吗？
对正确方向的提示仍将不胜感激；
我在墙上。

这是一支笔。

澄清：
在svg rectFirefox按预期呈现。

如果这是一个错误，这是我当前运行的每个浏览器的版本

标签： google-chromed3.jssvg

Answer 1

您的 * 选择器包含

width: auto;
height: auto;

不知何故，这会覆盖 rect 元素的宽度和高度，即使它不应该因为 rect 元素具有宽度和高度属性。删除这些设置，事情就会正确显示。