javascript - 将数据插入带有动画的 d3 图表的速度太快

标签 javascript animation d3.js visualization

我正在使用 d3js 来可视化我的数据。当我运行“正常”代码时,一切正常。但是现在,当我为元素的插入和删除添加动画并且插入/删除数据元素太快时,第一个插入元素的动画在下一个插入元素再次触发动画之前尚未完成。有没有办法等待 d3 的动画完成?

动画示例代码:

layoutRoot.selectAll('g')
    .data(nodes, function (d) { return d.path })
    .exit()
    .transition()
    .duration(400)
    .style('opacity', 0)
    .remove()

最佳答案

这将是一条评论,但我没有必要的声誉。

查看此d3 issue on github 。这是您要找的吗?

它处于 3.3 里程碑,当前版本是 3.2.8。所以,希望它不会太长。

关于javascript - 将数据插入带有动画的 d3 图表的速度太快,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18145815/

相关文章:

javascript - JS如何以编程方式创建断点

从 ASP .NET Hyperlink NavigateURL 属性调用 Javascript 函数

bash - 使用 ImageMagick 和许多图像制作 GIF 动画

d3.js - 如何控制 D3 中力有向图的反弹入口?

d3.js - d3 Tree - 缩放时如何自动调整节点间距

javascript - 用于单个文本的 HTML5 Canvas RTL

c# - 使用 javascript 打开 PDF

python - "Tuple object is not callable"尝试使用 _offsets3d 更新 3d 散点图时

android - ActivityOptions.makeSceneTransitionAnimation 在具有多个 View 的 kotlin 中不起作用

javascript - d3 javascript 命名或引用组