如何在D3.js中实现jQuery slide（slideDown，slideUp）方法

Question

如何将jQuery的slide方法应用于d3.js中的非SVG DOM元素？

我可以开箱即用吗？

Answer 1

不，没有开箱即用，但你可以通过简单地设置相关的尺寸属性来实现这一点，例如：向下滑动就像是

d3.select("#element").attr("height", 0)
  .transition().duration(500).attr("height", realheight);

根据您要设置动画的内容，您可能需要使用剪辑路径来隐藏元素滑动时的部分内容。

您当然可以简单地使用JQuery方法。除非你想同时在同一个对象上运行D3转换，否则应该没有问题。