javascript - 如何让动态图中另一条线向前移动?

标签 javascript html graph

下面是有关动态图的代码链接。我在制作红线、更新并与蓝线一起前进时遇到问题。我不知道问题出在哪里,使动态图中的红线静态。

代码的解决方案?再次感谢您的帮助..

http://jsfiddle.net/EkkBQ/

最佳答案

您需要告诉它也更新第二个数据系列。我无法弄清楚平滑或一旦你有 > 1 个数据流是否可以平滑。

http://jsfiddle.net/EkkBQ/8/

添加关键代码:

var seriesA = this.series[1];

   setInterval(function() {

   var x = (new Date()).getTime(), // current time

   y = Math.random();

   seriesA.addPoint([x, y], true, true);

}, 1000);

我重复了将系列数据添加到图表中的调用 - 将系列变量更改为 seriesA,然后告诉它提取第二个系列数据(系列 1 )。

希望这有帮助。

关于javascript - 如何让动态图中另一条线向前移动?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10734743/

相关文章:

jquery - 使用 jQuery 根据用户评论创建条形图

r - 绘制大型数据集的堆积条形图并在 r 中设置绘图的条形限制

javascript - 从单选按钮传递变量

javascript - React.js 和 ES6 : Any reason not to bind a function in the constructor

javascript - 有效地验证页面上的数据自加载以来没有被其他人更改过?

html - runat ="server"时 div 定位发生变化

javascript - Strapi JWT token 生命周期?

javascript - 根据先前选择标签中的选择设置选择标签的可见性

javascript - 有什么方法可以将 OpenTextFile 用于服务器目的吗?

javascript - 在 HTML Canvas 中悬停时显示数值