d3-transition

转换是一个选择- 类似于用于动画 DOM 变化的界面。转换不会立即应用更改，而是平滑地在给定持续时间内将 DOM 从其当前状态插值到所需的目标状态。

要应用转换，请选择元素，调用选择.transition，然后进行所需的更改。例如

d3.select("body")
  .transition()
    .style("background-color", "red");

转换支持大多数选择方法（例如转换.attr 和转换.style 代替选择.attr 和选择.style），但并非所有方法都支持；例如，您必须添加元素或绑定数据才能在转换开始前进行。一个转换.remove 运算符用于在转换结束时方便地删除元素。

为了计算中间状态，转换利用了各种内置插值器。颜色、数字和变换会自动检测。字符串中包含的数字也会被检测到，这在许多样式（例如填充或字体大小）和路径中很常见。要指定自定义插值器，请使用转换.attrTween、转换.styleTween 或转换.tween.

查看以下页面之一

d3-transition ​