javascript - d3 更新轴域会破坏标签

Question

我正在使用以下代码来旋转轴标签的文本：

graph.append('svg:g')
    .attr('class', 'x axis')
    .attr('transform', 'translate(0,' + h + ')')
    .call(xAxis)
    .selectAll('text')
    .style('text-anchor', 'end')
    .attr('dx', '-.8em')
    .attr('dy', '.15em')
    .attr('transform', 'rotate(-50),translate(10,10)')

现在我更改了轴的域并希望像这样更新屏幕：

x.domain([ parseDate(data[0].x), parseDate(newValDate)])
graph.select('.x.axis').call(xAxis)

完成此操作后，轴如下所示：

问题：为什么会发生这种行为，我该如何解决？谢谢 ：）

编辑（关于对 LarsKotthoff 的评论）：这是我提到的跳跃：