Question

如何转换（例如，为创作设置动画）路径以提供一些视觉效果。它可以从左到右创建线/路径。我尝试了类似的东西。

我分叉迈克的example，并添加了like

svg.append("path")
      .datum([])
      .attr("class", "line")
      .attr("d", line);

  var t = svg.transition().duration(700);
  t.select('.line').attr('d', line(data));

它现在给出了路径错误，但是我在更新gist和bl.ocks时遇到了一些困难。但我记得它有效（但没有动画）。

如何获得动画图表？

Answer 1

我认为没有人比Mike Bostock本人更好地描述它：Path Transitions。

您可以使用本教程中示例的变体来执行不同类型的动画。虽然他的例子非常适合过渡，但是为了响应新数据的添加而改变的路径，你可以轻松地使用类似的技术来动画响应现有数据的变化 - 或者只是添加一个新的系列。

如果你能确切地说明你想要做什么样的动画，我可能会提供更多细节来实现这一目标。

如何在d3.js中转换路径

1 个答案: