初始化時刪除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]);