d3.js - D3 转换 - 暂停和恢复

标签 d3.js transition

我试图从此 guide 了解 D3 转换的“暂停”和“恢复” .虽然我了解“暂停”是如何工作的,但在谈到“恢复”时我几乎没有迷失。我无法理解作者的解释,特别是“线性”或 第一份简历说明 .我的问题是什么是 e.attr("T",0);.attr("T",1);究竟在做什么?

我正在将恢复功能应用于视频或波形示例的播放头:jsfiddle

最佳答案

代码e.attr("T",0).attr("T",1)为所选节点设置属性。即,创建并设置新属性“T”。这样做的目的纯粹是为了方便停止和恢复——0 代表开始前的转换,1 代表结束。

如果过渡中包含该属性,则该值会逐渐从 0 变为 1。 正如教程作者所指出的,这可以用于获取任何时间点的过渡状态——您只需要查询“T”的值。如果您也保存特定的过渡,您可以使用该值在任何时候暂停和恢复。

请注意,“T”没有什么特别之处。您可以使用任何(未使用的)属性名称。目的只是为了有某种方式表明过渡进展了多远。

关于d3.js - D3 转换 - 暂停和恢复,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15845506/

相关文章:

javascript - 组合多个不同类型的 D3 图表

javascript - "Menu"到 "Close"文本转换

jquery - 阻止 addClass 上的 CSS 过渡

javascript - 需要D3动画画线的说明

javascript - d3js 盒须图 : add a single circle to plot given a point in the distribution

javascript - 如何在javascript中更改行

android - setLayoutParams() 动画持续时间不起作用

css - 伪元素过渡

objective-c - 如何在没有手势的情况下以编程方式触发翻页转换?

javascript - plottable.js 折线图中的自定义动画