Javascript 为什么动画D3示例可以在Chrome中使用,而不能在Firefox中使用

Javascript 为什么动画D3示例可以在Chrome中使用,而不能在Firefox中使用,javascript,css,html,svg,d3.js,Javascript,Css,Html,Svg,D3.js,这可能是一个简单的解决方案,但我还没有发现问题。动画D3示例在Chrome中运行良好,但在Firefox(都是最新版本)中运行不好。但是,此示例的示例在两种浏览器中都有效。我在本地服务器上设置了这两个示例来检查元素。pie楔形切片的路径元素在firefox下绘制,但它们没有出现。因此,这似乎是一个CSS问题,但CSS在我看来很好。D3下饼图布局的动画是否存在问题?动画示例缺少元素的宽度和高度属性。根据替换元素的规则,这意味着它的默认大小为300 x 150 Chrome正在努力纠正这一点,以便两

这可能是一个简单的解决方案,但我还没有发现问题。动画D3示例在Chrome中运行良好,但在Firefox(都是最新版本)中运行不好。但是,此示例的示例在两种浏览器中都有效。我在本地服务器上设置了这两个示例来检查元素。pie楔形切片的路径元素在firefox下绘制,但它们没有出现。因此,这似乎是一个CSS问题,但CSS在我看来很好。D3下饼图布局的动画是否存在问题?

动画示例缺少
元素的宽度和高度属性。根据替换元素的规则,这意味着它的默认大小为300 x 150


Chrome正在努力纠正这一点,以便两种浏览器很快都能正常工作。

从SVG标签中删除溢出:隐藏,然后它也能在firefox中工作。事实是firefox实际上正确地实现了SVG。它在chrome中运行良好,因为基于webkit的浏览器中有一个bug,它不尊重
overflow
CSS属性


您还需要更新SVG的维度及其内容以获得更好的结果。

您应该发布相关代码。