为什么我的X轴刻度有点“跳跃”＃34;在与D3.js的野生动物园？

Question

我在一个网站上有这个图表，它在chrome上运行得非常好，但在safari或IE上，当我执行以下任何操作时：

- 更改数据集

- 更改蓝色按钮下方的下拉列表

- 在“选择人口”按钮中删除或添加刻度

X轴上的刻度有时会在进入新位置之前产生一些“跳跃”或“跳跃”。这在铬上永远不会发生。这是为什么？

以下是该网站的链接：http://servers.binf.ku.dk/hemaexplorerbeta/

这是凸起的代码：

SVG.select(".x.axis").transition().duration(1500)
    .call(xAxis)
    .selectAll("text")
        .style("text-anchor", "end")
        .attr("transform", function(d) {
        return "rotate(" + AXIS_ROTATION + ")" 
        });

如果我删除transition（）。duration（）它不再执行它，但它也不会流畅地改变我的x轴。