过渡码
d3.select('chart').select('svg')
.selectAll("circle")
.data(sampleData)
.enter().append('circle')
.each(function (d,i)
{
d3.select(this)
.transition()
.delay(i*50)
.attr('cx', function(d) {return d.x;})
.attr('cy', function(d) {return d.y;})
.attr('r', 4);
});
如何停止/取消计划/延迟的交易?
正如另一个答案中指出的那样,您所需要做的只是安排新的过渡。但是,整个过程比您在代码中执行的操作要容易得多-不需要单独的.each()
函数。要初步安排转换,您只需
d3.select('chart').select('svg')
.selectAll("circle")
.data(sampleData)
.enter().append('circle')
.transition()
.delay(function(d, i) { return i*50; })
.attr('cx', function(d) {return d.x;})
.attr('cy', function(d) {return d.y;})
.attr('r', 4);
停止所有转换(计划的和正在运行的)的功能很简单
d3.selectAll("circle").transition();
在此处完成演示。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句