作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有一个转换绘图点的 D3 图表。有时我希望这些是动画过渡,有时我希望它们是瞬时的。在 D3 中是否有一种 DRY 方法来执行此类操作?
例如:
svg.selectAll('g.data-point')
.data(dataset)
.transition()
.duration(transitionTime)
.attr({
class: function(d) {
return getClassesForPoint(d);
},
transform: function(d) {
return ('translate(' + ((d.x) ? xScale(d.x) : xScale(0)) + ', ' + yScale(d.y) + ')');
}
});
如果我只想根据条件进行动画转换,我是否需要通过 if-else 结构重复该 block 而不需要第 3-4 行,或者有更好的方法吗?链接让我有点不舒服。我已经尝试将它的持续时间设置为 0,它仍然会通过动画引擎。
有什么想法吗?
原来我的选择器已经失效,正如 Lars 提到的,使用 duration(0) 工作正常。然而,我曾多次遇到过这种情况,两条链似乎有足够的共性,但我不知道如何正确或动态地添加/删除对链的调用。
最佳答案
自 transition
object支持大多数 selection
object 支持的方法(append
等函数除外),您可以有条件地选择其中一个进行操作:
var selection = svg.selectAll('g.data-point').data(dataset).enter();
if (condition) { selection = selection.transition().duration(transitionTime); }
selection.attr(/* .. */);
关于javascript - D3 可选过渡,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20498058/
我正在尝试用 Swift 编写这段 JavaScript 代码:k_combinations 到目前为止,我在 Swift 中有这个: import Foundation import Cocoa e
我是一名优秀的程序员,十分优秀!