初始化时删除d3轴过渡

Question

我正在使用此示例使用d3创建自己的实时图形。 在我的版本中，该图使用现有数据进行了初始化。 问题是，x轴初始化会导致图形的一小部分显示出来，而该图形正在向右平移或塌陷，然后才最终显示正常比例尺，进而显示正常图形。 我很确定是轴引起了它，因为当轴恢复正常时，图形也是如此。 有没有一种方法可以在开始时消除此过渡，否则它不会使图形倾斜或在准备好之前不显示？ 这是实际存在的问题，比我尝试解释的要好： http : //codepen.io/Dordan/pen/NbBjPB/

以下是用于创建x轴的代码段：

var limit = 60 * 1;
var duration = 750;
var now = new Date(Date.now() - duration);
var x = d3.time.scale().domain([now - (limit - 2), now - duration]).range([0, width]);

var axis = svg.append('g')
  .attr('class', 'x-axis')
  .attr('transform', 'translate(0,' + height + ')')
  .call(x.axis = d3.svg.axis().scale(x).orient('bottom'));

Answer 1

计算域时，x比例尺的实例缺少“ *持续时间”。 改用它，效果很好：

var x = d3.time.scale().domain([now - (limit - 2) * duration, now - duration]).range([0, width]);