d3 svg rect无法在Chrome中呈现

时间:2018-10-04 20:28:42

标签: google-chrome d3.js svg

我用d3库制作了条形图(主要是在firefox中工作和测试),后来发现chrome中fill的{​​{1}}属性没有渲染,因此只显示了{{1 }}和svg rect轴。

同一件事发生在Safari iOS 中(我无法进行严格测试,但检查是否仅在Chrome中发生)

有人知道这是为什么吗?
正确方向的提示仍然值得赞赏;
我在墙上。

这是pen

进行澄清:
Firefox中的x会按预期呈现。

如果是错误,则为当前的version of each browser i'm running

1 个答案:

答案 0 :(得分:2)

您的*选择器包含

width: auto;
height: auto;

以某种方式覆盖了rect元素的宽度和高度,尽管它不应该覆盖rect元素的width和height属性。删除这些设置,一切都会正确显示。