Chart.js-如何为随着时间的推移而发生的大量数据创建自动缩放线图

Question

因此，我有相对较大的数据，我想使用chart.js在线图上显示这些数据。

问题

我的数据集看起来像：

 [{label: 'Mon Feb 19 2018 21:02:38 GMT+0000 (GMT)', value: 0.2 },
  {label: 'Mon Feb 19 2018 21:02:39 GMT+0000 (GMT)', value: 0.1 },
  {label: 'Mon Feb 19 2018 21:02:40 GMT+0000 (GMT)', value: 0.5 },
  {label: 'Mon Feb 19 2018 21:02:41 GMT+0000 (GMT)', value: -0.3 },
  {label: 'Mon Feb 19 2018 21:02:52 GMT+0000 (GMT)', value: -0.3 }]

我能够从此数据中创建一个图表，该数据包含Xaxis上的5个标签和5个关于Yaxis的记录。轻松的peasy。

所以我的记录在几秒钟后就发生了，这很容易放在图表上。但是，我会随着时间的推移累积数据，因此我的第一次可以是：

{label: 'Mon Feb 19 2018 21:02:38 GMT+0000 (GMT)', value: 0.2 }, ...
{label: 'Mon Feb 26 2018 11:02:38 GMT+0000 (GMT)', value: 0.2 }]

因此，现在图表上的数据应为 auto-scaled正确显示从第一个日期到最后一个日期的线路的线路。

之间的某些标签。

我想出的唯一方法是专注于序列数据，但这是一种非常艰难和乏味的方式。如果可以在图书馆内处理，我不想重新发明轮子。据我所知，到目前为止，这是一个非常强大的图书馆，我认为如果库正确使用，可以处理此操作。

我真的很感激，如果有这个图书馆经验的任何人都可以帮助我为这项任务编写代码，或者将我指向正确的方向。

Answer 1

这可能是您需要的。基本上，您只需要将新点推向现有标签和值数组，然后调用图表的更新方法。