我有设在这里的例子动画折线图: http://www.animatedcreations.net/d3/animatedLineChart.html
一切工作,我将它想,除了以图线重绘不顺畅,如在本页面底部的例子: http://bost.ocks.org/mike/path/ 。 另一个问题是,该线与x轴稍微不同步。
我敢肯定,代码问题出在.attr(“d”,行)如何被更新。 任何帮助会非常感激 - 我已经坚持了一段时间! 提前致谢。
我有设在这里的例子动画折线图: http://www.animatedcreations.net/d3/animatedLineChart.html
一切工作,我将它想,除了以图线重绘不顺畅,如在本页面底部的例子: http://bost.ocks.org/mike/path/ 。 另一个问题是,该线与x轴稍微不同步。
我敢肯定,代码问题出在.attr(“d”,行)如何被更新。 任何帮助会非常感激 - 我已经坚持了一段时间! 提前致谢。
欢迎StackOverflow上! 首先,请知道下一个问题,在创建的jsfiddle(或类似)可以是谁想要帮助你在这类问题与代码玩,常常需要用户非常有用。 我创建了一个用的jsfiddle正是您的代码在这里: http://jsfiddle.net/peDzT/
我花了相当多的时间搞清楚什么是在源代码中发生的事情。 这里有几点看法:
tick()
当您使用path.attr("transform","null")
它什么都不做。 相反,你必须做`path.select( “线 ”)。ATTR(“ 改造”, “空”)。 attr.transform()
调用,你忘了打电话给x()
的说法。 最终结果: http://jsfiddle.net/chrisJamesC/YruDh/
:为了实现这个结果我被另一个例子,我以前所作,这在下面的(顺便说一句相关的)问题引述启发实时线图与nvd3.js