我正在使用此示例使用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'));
计算域时，x比例尺的实例缺少“ *持续时间”。改用它，效果很好：
var x = d3.time.scale().domain([now - (limit - 2) * duration, now - duration]).range([0, width]);
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句