javascript - 重新缩放折线图的一条线，它变形了

Question

我不厌其烦地提出了我的问题，希望你能理解我。在我的实际项目中，我连接了 7 个传感器，它们返回具有此结构的响应。

[{"id":"sensor1_ciclo1","sensor":1,"ciclo":"ciclo1","values":
 [
  {"voltaje":0,"corriente":11.175}
 ]

“sensor”键代表传感器编号。我有 7 个输入 radio 来代表每个传感器。键“ciclo”是传感器的一个属性。我可以过滤这个属性。尽管在本例中，我的所有数据都使用 "ciclo": "ciclo1"。在折线图中，我使用键 "corriente" 和 "voltaje" 绘制点。

在我的实际项目中，我根据 n 时间量获取数据，在本例中，我使用 3 秒的 setInterval 来模拟它们。我想用动画绘制与所选传感器相对应的数据。如果选择sensor1，我只想放入sensor1数据。

如果我更换传感器，我想查看已经累积的数据，这是我的函数reloadPoints的主要功能，累积的值位于oDataSensores 。 display 函数负责绘制数据，如果 y 轴上的限制大于 250 或 -250，则图表将重新缩放。

请看一下 gif。

我不知道如何解决它。最奇怪的是，如果我评论这一行，

 Array.prototype.push.apply(oDataSensores[data[i].id].content.values, data[i].values);

它显然有效。但我需要通过传感器累积值，所以我无法删除这一行。我该如何解决这个问题？

要重现该错误，请等待 9 秒，当添加sensor1 中的第三行并重新缩放图表 (>250) 时，会出现此问题。

这就是我添加新点时想要实现的流程

这是我的代码:

http://plnkr.co/edit/1s25ZVEM0pWZPkVJGart?p=preview

{
  "sensor1_ciclo1":{ "contador":0, "sensor":1, "content":[] },
  "sensor1_ciclo2":{ "contador":0, "sensor":1, "content":[] },
  "sensor1_ciclo3":{ "contador":0, "sensor":1, "content":[] },
  "sensor2_ciclo1":{ "contador":0, "sensor":2, "content":[] },
  "sensor2_ciclo2":{ "contador":0, "sensor":2, "content":[] },
  "sensor2_ciclo3":{ "contador":0, "sensor":2, "content":[] },       
  "sensor3_ciclo1":{ "contador":0, "sensor":3, "content":[] },
  "sensor3_ciclo2":{ "contador":0, "sensor":3, "content":[] },
  "sensor3_ciclo3":{ "contador":0, "sensor":3, "content":[] },   
  "sensor4_ciclo1":{ "contador":0, "sensor":4, "content":[] },
  "sensor4_ciclo2":{ "contador":0, "sensor":4, "content":[] },
  "sensor4_ciclo3":{ "contador":0, "sensor":4, "content":[] },    
  "sensor5_ciclo1":{ "contador":0, "sensor":5, "content":[] },
  "sensor5_ciclo2":{ "contador":0, "sensor":5, "content":[] },
  "sensor5_ciclo3":{ "contador":0, "sensor":5, "content":[] },    
  "sensor6_ciclo1":{ "contador":0, "sensor":6, "content":[] },
  "sensor6_ciclo2":{ "contador":0, "sensor":6, "content":[] },
  "sensor6_ciclo3":{ "contador":0, "sensor":6, "content":[] },    
  "sensor7_ciclo1":{ "contador":0, "sensor":7, "content":[] },
  "sensor7_ciclo2":{ "contador":0, "sensor":7, "content":[] },
  "sensor7_ciclo3":{ "contador":0, "sensor":7,"content":[] }   
};

Answer 1

更改 array.push 的工作方式似乎可以解决您的问题

aVoltamograma.push(data[i])

http://plnkr.co/edit/NZcV24gEDX1ommcYUDTd?p=preview