我在这里有一个示例动画折线图：http ://www.animatedcreations.net/d3/animatedLineChart.html
一切都按我的意愿工作，除了图表线上的重绘不像本页底部的示例那样平滑：http: //bost.ocks.org/mike/path/。另一个问题是线和x轴稍微不同步。
我很确定代码的问题在于如何更新 .attr("d", line) 。任何帮助将不胜感激 - 我已经被困了一段时间！提前致谢。
问问题
1895 次
1 回答
1
欢迎使用 StackOverflow！首先，请了解下一个问题，创建 jsFiddle（或类似的）对于想要帮助您解决此类问题的用户非常有用，因为通常需要使用代码。我在这里用你的代码创建了一个 jsFiddle：http: //jsfiddle.net/peDzT/
我花了很多时间弄清楚你的源代码中发生了什么。这里有几点说明：
- 你有两个嵌套的 svg
- 在
tick()，当你使用path.attr("transform","null")它时，它什么也不做。相反，您必须执行 `path.select(".line").attr("transform", "null")。 - 在另一个
attr.transform()电话中，您忘记调用x()参数。
最终结果：http: //jsfiddle.net/chrisJamesC/YruDh/
为了实现这个结果，我受到了我之前制作的另一个示例的启发，该示例在以下（相关 btw）问题中引用：Real time line graph with nvd3.js
于 2013-06-19T06:25:07.163 回答