SVG在Firefox中的呈现方式不同

Question

我正在SVG处理图表。 click here to view my SVG chart

当我们在Google chrome或Internet Explorer中查看此图表时，我们会按预期获得两个组。但是当我们在Mozilla Firefox上渲染时，只有第一组被渲染。
我无法追查这一点。请帮助我
谢谢:)）

Answer 1

您的问题是在<svg>上没有设置有用的宽度和高度，也没有设置视图框。结果是它最终得到150px高，300px宽（CSS中默认替换的元素大小）并剪掉除此之外的所有内容。至少在实际遵循SVG规范的浏览器中会发生这种情况，而IE和Chrome则不然。