Javascript D3动态更新折线图

Javascript D3动态更新折线图,javascript,angularjs,d3.js,Javascript,Angularjs,D3.js,我是d3新手,正在根据时间间隔动态更新折线图,我希望旧数据被移出/退出并用新数据更新,我被困在一个位置,我可以看到新数据加入图表,但旧数据没有移出/退出。有人能在这个问题上帮助我吗,任何帮助都是非常感谢的 复制自,将数据注入图表的变化很小 普朗克 此外,我还尝试为每个点添加圆,由于某些原因,目前在Y轴顶部添加了单个圆。检查时,我意识到他使用了两个数据集,分别为data.csv和data-alt.csv。在第二次运行updateData函数期间,它总是获取data-alt.csv 那么为了回答你的

我是d3新手,正在根据时间间隔动态更新折线图,我希望旧数据被移出/退出并用新数据更新,我被困在一个位置,我可以看到新数据加入图表,但旧数据没有移出/退出。有人能在这个问题上帮助我吗,任何帮助都是非常感谢的

复制自,将数据注入图表的变化很小

普朗克

此外,我还尝试为每个点添加圆,由于某些原因,目前在Y轴顶部添加了单个圆。

检查时,我意识到他使用了两个数据集,分别为
data.csv
data-alt.csv
。在第二次运行
updateData
函数期间,它总是获取
data-alt.csv

那么为了回答你的问题,

  • 首先,您需要获得正确的数据生成逻辑。由于您正在生成随机数,因此需要确保
    randomPoints()
    函数生成D3可以理解的正确日期

  • 然后将随机生成的数据集绑定到
    数据
    变量

  • 最后,在每次运行
    updateData
    函数时清除
    data
    变量

  • 我已经为你做了一份工作。如果你需要更多的解释,请告诉我

    希望这有帮助:)