我正在使用 d3.js 为折线图制作动画,并且一直在密切关注这个示例。我编写的代码就像示例一样工作......但我试图修复的错误在此示例中也未修复。(因此,继续前进,只需点击该链接即可亲自查看该错误)
在 Chrome 和 IE10 中,图表按预期工作。然而,在 Firefox 中,这条线不只是从左到右绘制自己。取而代之的是,页面加载已经显示的行,然后该行从左到右擦除自身,然后最终(再次)从左到右绘制自身,就像它最初应该做的那样。
另请注意,Firefox 上的线条绘制速度是其他浏览器的两倍 - 这意味着问题出在转换本身:stroke-dashoffset 属性的转换在 Firefox 和其他浏览器中的处理方式不同。具体来说,如果我们从等式中删除过渡,主要区别就很明显了:将 stroke-dashoffset 设置为 totalLength,Firefox 会显示整个路径,而不是像其他浏览器那样不显示任何路径。
所以我的问题是:这是一个错误,还是我(和duopixel的)部分的这种错误形式?如果是前者,有人知道解决方法或修复方法吗?如果是后者,如果您能告诉我正确的方法,我将不胜感激!