如何解释 D3 附加到 DOM 元素的 __transition__ 属性作为过渡的一部分？

Posted 2023-02-22

【中文标题】如何解释 D3 附加到 DOM 元素的 __transition__ 属性作为过渡的一部分？

【英文标题】：How do I interpret the __transition__ property that D3 attaches to DOM elements as part of a transition?

【发布时间】：2014-11-10 09:50:41

【问题描述】：

我使用 transition.transition() 模式 (https://github.com/mbostock/d3/wiki/Transitions#transition) 实现了链式转换。

安排第一次转换后的 __transition__ 属性：

"4":"tween":,"time":1410878734661,"delay":0,"duration":1500,"active":0,"count":1

安排第二次转换后的__transition__属性：

"4":"tween":,"time":1410878734661,"delay":0,"duration":1500,"5":"tween":,"time":1410878734661,"delay":1500,"duration":500,"active":0,"count":2 

“4”是与这个链式转换的两个部分相关联的 id 吗？ active:0 是否表示没有正在运行的转换？ count 属性是否指示计划的转换次数？

提前致谢！

var t0 = text.transition().delay(0).duration(1500) //first transition
var t1 = t0.transition().ease("bounce").duration(500) //second transition

【参考方案1】：

对象中的数字确实是转换的 ID。 active 保存活动转换的 ID，count 保存转换的总数。

the source 中的更多信息。